@svgrid/grid 2.6.21 → 2.7.0

package/dist/SvGrid.controller.svelte.js

@@ -225,6 +225,19 @@ export function createSvGridController(rawProps, domIdBase) {
      *  preview" overlay on cells between the source range and the pointer
      *  cell; on pointerup we extrapolate the source pattern into them. */
     let fillDrag = $state(null);
+    /** An in-flight Excel-style range MOVE (drag the selection's border to
+     *  relocate its values). Same source rectangle as `fillDrag`, plus where
+     *  inside that rectangle the pointer grabbed it - the drop offset is
+     *  `target - grab`, which is what lets a drag started on the range's LEFT
+     *  edge land the range where the pointer is rather than jumping it.
+     *  `copy` mirrors the Ctrl / Cmd key and is re-read on every move, so the
+     *  user can change their mind mid-drag exactly as in a spreadsheet. */
+    let moveDrag = $state(null);
+    /** True while the pointer hovers the grab strip on a selection border, so
+     *  the root can switch to a move cursor. Kept as its own flag rather than
+     *  recomputed per cell: it flips at most twice per border crossing and only
+     *  one attribute on one element reads it. */
+    let moveGrabHover = $state(false);
     let activeAtPointerDown = null;
     let editingCell = $state(null);
     // Full-row editing: the row currently in whole-row edit + its per-column
@@ -275,9 +288,6 @@ export function createSvGridController(rawProps, domIdBase) {
     let editorSelectAll = true;
     /** Per-column width overrides set by the resize handles. */
     let columnWidths = $state({});
-    let resizingColumnId = $state(null);
-    let resizeStartX = 0;
-    let resizeStartWidth = 0;
     const MIN_COLUMN_WIDTH = 40;
     /** Columns pinned to the left or right edge of the grid (sticky positioning).
      *  Seeded from `props.initialColumnPinning` so demos / tests can show the
@@ -294,7 +304,26 @@ export function createSvGridController(rawProps, domIdBase) {
     let dataStateVersion = $state(0);
     const selectionColumnWidth = 44;
     const rowNumberColumnWidth = $derived(props.rowNumberWidth ?? 56);
-    const showRowNumbersEffective = $derived(props.showRowNumbers ?? false);
+    // A per-row `rowHeight` function already supplies heights, so auto-measuring
+    // would fight it. Fixed numbers are fine - they become the pre-measure estimate.
+    const autoRowHeightOn = $derived(props.autoRowHeight === true && typeof props.rowHeight !== "function");
+    // Auto height measures the row from its content, so a dragged height would be
+    // overwritten on the next measurement pass. Let auto height win rather than
+    // having the two fight.
+    const rowResizeOn = $derived(props.rowResize === true && !autoRowHeightOn);
+    /**
+     * The row-number gutter. Explicit `showRowNumbers` always wins; otherwise
+     * `rowResize` brings it in, because a resizable row needs a row header to
+     * grab - that is where the drag strip lives, and it is where a spreadsheet
+     * puts it. Dragging the edge of a data cell instead works but reads as an
+     * accident.
+     *
+     * Both derived above are declared here rather than beside the rest of the
+     * row-resize state further down: a `$derived` referenced before its
+     * declaration in a .svelte.ts silently compiles to an empty getter, so this
+     * gate would have read `undefined` and the gutter would never appear.
+     */
+    const showRowNumbersEffective = $derived(props.showRowNumbers ?? rowResizeOn);
     let columnMenuFor = $state(null);
     let columnMenuTab = $state("general");
     let columnMenuPos = $state({ x: 0, y: 0 });
@@ -318,11 +347,11 @@ export function createSvGridController(rawProps, domIdBase) {
     let commentEditFor = $state(null);
     let commentDraft = $state("");
     let valueFilters = $state({});
-    const viewportWidth = $derived.by(() => {
+    const viewportWidth = $derived.by(function viewportWidth_d() {
         viewportVersion;
         return scrollContainer ? scrollContainer.clientWidth : 0;
     });
-    const viewportHeight = $derived.by(() => {
+    const viewportHeight = $derived.by(function viewportHeight_d() {
         viewportVersion;
         return scrollContainer ? scrollContainer.clientHeight : 0;
     });
@@ -344,7 +373,7 @@ export function createSvGridController(rawProps, domIdBase) {
         const hb = column.columnDef?.hideBelow;
         return hb != null && viewportWidth > 0 && viewportWidth < hb;
     }
-    const scrollMetrics = $derived.by(() => {
+    const scrollMetrics = $derived.by(function scrollMetrics_d() {
         scrollVersion;
         viewportVersion;
         // Track the virtualizers' versions too so when data loads or row /
@@ -378,7 +407,7 @@ export function createSvGridController(rawProps, domIdBase) {
      *  - virtualizer.getTotalSize(): correct at initial load (before first paint)
      *  - scrollMetrics.scrollHeight: correct after detail rows expand (DOM is live,
      *    ResizeObserver on gridRootEl already bumps scrollVersion at that point) */
-    const hasVerticalOverflow = $derived.by(() => {
+    const hasVerticalOverflow = $derived.by(function hasVerticalOverflow_d() {
         virtualizer.version;
         const virtualizerSize = virtualizer.getTotalSize();
         // scrollMetrics.scrollHeight is 0 before initial paint; once the table
@@ -408,6 +437,11 @@ export function createSvGridController(rawProps, domIdBase) {
         props.enableCellSelection ??
         ((props.selectionMode ?? "both") === "cell" ||
             (props.selectionMode ?? "both") === "both"));
+    // Range drag-and-drop rides on cell selection: there is no range to grab
+    // without it, so it can never be on alone. Default ON, matching the fill
+    // handle - both are spreadsheet affordances users arrive expecting, and
+    // neither is reachable until something is actually selected.
+    const moveCellsEffective = $derived((props.moveCells ?? true) && enableCellSelectionEffective);
     // The aggregate footer row. `summary` is the shortcut alias, so it wins over
     // the fine-grained prop - the same precedence `selectable` uses.
     //
@@ -636,7 +670,7 @@ export function createSvGridController(rawProps, domIdBase) {
     // Declared here rather than beside the other pagination/state derivations:
     // the auto-group column pipeline below reads it, and a `const` used above its
     // declaration is a type error even though `$derived` is lazy enough at runtime.
-    const groupingColumns = $derived.by(() => {
+    const groupingColumns = $derived.by(function groupingColumns_d() {
         gridStateVersion;
         return grid.getState().grouping ?? [];
     });
@@ -657,7 +691,7 @@ export function createSvGridController(rawProps, domIdBase) {
      * any other column. They carry no `field` - their cell content is resolved
      * from the row's group state at render time.
      */
-    const autoGroupColumns = $derived.by(() => {
+    const autoGroupColumns = $derived.by(function autoGroupColumns_d() {
         if (!groupColumnMode)
             return [];
         const sourceById = new Map(grid.getAllColumns().map((c) => [c.id, c]));
@@ -723,7 +757,7 @@ export function createSvGridController(rawProps, domIdBase) {
             depth: columnId === "__autoGroup" ? depth : 0,
         };
     }
-    const allColumns = $derived.by(() => {
+    const allColumns = $derived.by(function allColumns_d() {
         let raw = grid
             .getAllColumns()
             .filter((column) => !hiddenColumns[column.id] &&
@@ -771,7 +805,7 @@ export function createSvGridController(rawProps, domIdBase) {
         return [...left, ...unpinned, ...right];
     });
     /** Header groups reordered to match {@link allColumns}. */
-    const headerGroups = $derived.by(() => {
+    const headerGroups = $derived.by(function headerGroups_d() {
         const base = grid.getHeaderGroups();
         if (!base.length)
             return base;
@@ -797,7 +831,7 @@ export function createSvGridController(rawProps, domIdBase) {
         }
         return [{ id: base[0].id, headers }];
     });
-    const groupHeaderRows = $derived.by(() => {
+    const groupHeaderRows = $derived.by(function groupHeaderRows_d() {
         const userCols = props.columns ?? [];
         // 1. Find max depth in the user-provided column tree.
         function maxDepth(defs) {
@@ -905,7 +939,7 @@ export function createSvGridController(rawProps, domIdBase) {
         return rows;
     });
     /** Cumulative pixel offsets for left- and right-pinned columns. */
-    const pinnedOffsets = $derived.by(() => {
+    const pinnedOffsets = $derived.by(function pinnedOffsets_d() {
         const rowNumberWidth = showRowNumbersEffective ? rowNumberColumnWidth : 0;
         const selectionWidth = showRowSelectionEffective ? selectionColumnWidth : 0;
         const left = {};
@@ -950,7 +984,7 @@ export function createSvGridController(rawProps, domIdBase) {
     const hasConditionalFormats = $derived((props.conditionalFormats?.length ?? 0) > 0);
     // Per-column numeric min/max, needed only by colorScale / dataBar formats.
     // Lazy: this derived never runs unless `conditionalFormats` is set.
-    const conditionalColumnStats = $derived.by(() => {
+    const conditionalColumnStats = $derived.by(function conditionalColumnStats_d() {
         const map = new Map();
         const formats = props.conditionalFormats;
         if (!formats?.length || !formatsNeedingStats(formats))
@@ -990,14 +1024,14 @@ export function createSvGridController(rawProps, domIdBase) {
         }
         return map;
     });
-    const sortDirectionByColumn = $derived.by(() => {
+    const sortDirectionByColumn = $derived.by(function sortDirectionByColumn_d() {
         gridStateVersion;
         const directions = {};
         for (const column of allColumns)
             directions[column.id] = column.getIsSorted();
         return directions;
     });
-    const paginationState = $derived.by(() => {
+    const paginationState = $derived.by(function paginationState_d() {
         gridStateVersion;
         return grid.getState().pagination ?? { pageIndex: 0, pageSize: 10 };
     });
@@ -1006,30 +1040,38 @@ export function createSvGridController(rawProps, domIdBase) {
      * compute the correct "X to Y of Z" range and total page count when
      * filters reduce the dataset.
      */
-    const allRowsBeforePagination = $derived.by(() => {
-        // Depend on dataStateVersion (row-model-affecting store changes) NOT
-        // gridStateVersion - so moving the active cell / selection does not force
-        // this O(rows) pipeline to re-run. Filter-input state (globalFilter etc.)
-        // and internalData are read below and tracked as their own dependencies.
-        dataStateVersion;
-        // Touch internalData + internalColumns so the row model re-derives when
-        // the consumer replaces the data array (e.g. via a "Reset" button).
-        void internalData;
-        void internalColumns;
-        const rawRows = grid.getRowModel().rows;
-        // External-filter mode: the consumer fetched / pre-filtered the rows
-        // themselves (server-side data sources). Skip every local filter pass
-        // so the data isn't double-filtered against the visible page.
-        if (externalFilterEnabled)
-            return rawRows;
-        let rows = rawRows;
-        if (globalFilter.trim()) {
-            const needle = normalizeForFilter(globalFilter, (props.filterLocale ?? props.localization?.locale));
-            rows = rows.filter((row) => row
-                .getAllCells()
-                .some((cell) => normalizeForFilter(String(cell.getValue() ?? ""), (props.filterLocale ?? props.localization?.locale))
-                .includes(needle)));
-        }
+    /**
+     * The per-column filter stages: the menu's (up to two) conditions, then the
+     * set-filter checklists. Split out of `allRowsBeforePagination` so the facet
+     * list can run the SAME pipeline with its own column left out - a checklist
+     * that offers values excluded by the other columns' filters sends you to an
+     * empty grid. Re-implementing the stages beside the original would have let
+     * the two drift.
+     *
+     * `excludeColumnId` omits that column's own filters, which is what "every
+     * other filter" means for the column whose menu is open.
+     */
+    function applyColumnFilters(inputRows, excludeColumnId) {
+        let rows = inputRows;
+        /**
+         * Resolve a column ONCE and return a reader for it.
+         *
+         * `getRowColumnValue` finds the column with a linear scan over every
+         * column, which is fine for a one-off read and wrong inside a loop over
+         * 100,000 rows - it made each filtered column cost O(rows x columns).
+         * The id is fixed for the life of a filter, so the scan is hoisted here and
+         * the row loop gets a closure that only reads.
+         *
+         * Falls back to the row's own accessor when the id names no column, which
+         * is also what `getRowColumnValue` does - group rows override
+         * `getCellValueByColumnId` to return their aggregate.
+         */
+        const makeColumnReader = (columnId) => {
+            const column = allColumns.find((entry) => entry.id === columnId);
+            return column
+                ? (row) => getColumnBaseValue(row, column)
+                : (row) => row.getCellValueByColumnId(columnId);
+        };
         // A single condition is "active" if it has the value(s) it needs.
         const condActive = (op, value, valueTo) => {
             if (op === "isBlank" || op === "isNotBlank")
@@ -1044,7 +1086,9 @@ export function createSvGridController(rawProps, domIdBase) {
         // redundant passes.
         const compileCond = (columnId, op, value, valueTo) => compileExcelFilter({ id: columnId, operator: op, value, valueTo: op === "between" ? valueTo : undefined }, { locale: (props.filterLocale ?? props.localization?.locale) });
         // A column filter is active if either of its (up to two) conditions is.
-        const menuFilters = Object.entries(filterMenuValues).filter(([_, f]) => {
+        const menuFilters = Object.entries(filterMenuValues).filter(([id, f]) => {
+            if (id === excludeColumnId)
+                return false;
             const a = condActive(f.operator, f.value, f.valueTo);
             const b = !!f.operator2 && condActive(f.operator2, f.value2 ?? "", f.valueTo2);
             return a || b;
@@ -1054,6 +1098,11 @@ export function createSvGridController(rawProps, domIdBase) {
             // become compiled predicates before a single row is tested.
             const compiledMenuFilters = menuFilters.map(([columnId, f]) => ({
                 columnId,
+                // The column, resolved once. `getRowColumnValue` looks it up with a
+                // linear scan of every column, and the id is fixed per filter, so
+                // leaving that inside the row loop made it O(rows x columns) per
+                // filtered column for no reason.
+                readValue: makeColumnReader(columnId),
                 join: f.join,
                 a: condActive(f.operator, f.value, f.valueTo)
                     ? compileCond(columnId, f.operator, f.value, f.valueTo)
@@ -1062,8 +1111,8 @@ export function createSvGridController(rawProps, domIdBase) {
                     ? compileCond(columnId, f.operator2, f.value2 ?? "", f.valueTo2)
                     : null,
             }));
-            rows = rows.filter((row) => compiledMenuFilters.every(({ columnId, join, a, b }) => {
-                const cellValue = getRowColumnValue(row, columnId);
+            rows = rows.filter((row) => compiledMenuFilters.every(({ readValue, join, a, b }) => {
+                const cellValue = readValue(row);
                 const ra = a ? a(cellValue) : null;
                 const rb = b ? b(cellValue) : null;
                 if (ra === null)
@@ -1073,7 +1122,7 @@ export function createSvGridController(rawProps, domIdBase) {
                 return join === "OR" ? ra || rb : ra && rb;
             }));
         }
-        const valueFilterEntries = Object.entries(valueFilters);
+        const valueFilterEntries = Object.entries(valueFilters).filter(([id]) => id !== excludeColumnId);
         if (valueFilterEntries.length) {
             // Resolve bucket defs up front so we don't re-hit the derived map
             // for every row × column combination. Columns without bucketing
@@ -1081,10 +1130,11 @@ export function createSvGridController(rawProps, domIdBase) {
             const bucketEntries = valueFilterEntries.map(([columnId, allowed]) => ({
                 columnId,
                 allowed,
+                readValue: makeColumnReader(columnId),
                 buckets: facetBucketsByColumn.get(columnId) ?? null,
             }));
-            rows = rows.filter((row) => bucketEntries.every(({ columnId, allowed, buckets }) => {
-                const raw = getRowColumnValue(row, columnId);
+            rows = rows.filter((row) => bucketEntries.every(({ allowed, buckets, readValue }) => {
+                const raw = readValue(row);
                 if (buckets) {
                     // Range-bucketed filter: find which bucket this row's value
                     // falls into and check whether that bucket's label is allowed.
@@ -1101,6 +1151,33 @@ export function createSvGridController(rawProps, domIdBase) {
                 return allowed.has(String(raw ?? ""));
             }));
         }
+        return rows;
+    }
+    const allRowsBeforePagination = $derived.by(function allRowsBeforePagination_d() {
+        // Depend on dataStateVersion (row-model-affecting store changes) NOT
+        // gridStateVersion - so moving the active cell / selection does not force
+        // this O(rows) pipeline to re-run. Filter-input state (globalFilter etc.)
+        // and internalData are read below and tracked as their own dependencies.
+        dataStateVersion;
+        // Touch internalData + internalColumns so the row model re-derives when
+        // the consumer replaces the data array (e.g. via a "Reset" button).
+        void internalData;
+        void internalColumns;
+        const rawRows = grid.getRowModel().rows;
+        // External-filter mode: the consumer fetched / pre-filtered the rows
+        // themselves (server-side data sources). Skip every local filter pass
+        // so the data isn't double-filtered against the visible page.
+        if (externalFilterEnabled)
+            return rawRows;
+        let rows = rawRows;
+        if (globalFilter.trim()) {
+            const needle = normalizeForFilter(globalFilter, (props.filterLocale ?? props.localization?.locale));
+            rows = rows.filter((row) => row
+                .getAllCells()
+                .some((cell) => normalizeForFilter(String(cell.getValue() ?? ""), (props.filterLocale ?? props.localization?.locale))
+                .includes(needle)));
+        }
+        rows = applyColumnFilters(rows);
         // --- Advanced filter (Pro) ---------------------------------------------
         // Runs LAST for two reasons: it evaluates over the smallest row set, and
         // its aggregates (`SUM(amount) > 1000`) fold over what the user is
@@ -1142,7 +1219,7 @@ export function createSvGridController(rawProps, domIdBase) {
      * is active we page by DATA rows and reprint each page's ancestor banners.
      * Null when grouping is off, so the flat path stays a cheap slice.
      */
-    const groupedPage = $derived.by(() => {
+    const groupedPage = $derived.by(function groupedPage_d() {
         if (!paginationEnabled || externalPaginationEnabled)
             return null;
         if (!groupingColumns.length)
@@ -1211,7 +1288,7 @@ export function createSvGridController(rawProps, domIdBase) {
      * the full dataset rather than the current page (see the comment above
      * `_rowModels`).
      */
-    const allRows = $derived.by(() => {
+    const allRows = $derived.by(function allRows_d() {
         const paged = (() => {
             const rows = allRowsBeforePagination;
             // External pagination: `data` already IS the current page - never slice.
@@ -1278,10 +1355,49 @@ export function createSvGridController(rawProps, domIdBase) {
     const paginationTotalRows = $derived(externalPaginationEnabled ? (props.rowCount ?? 0) : paginatedRowTotal);
     const paginationPageIndex = $derived(externalPaginationEnabled ? (props.pageIndex ?? 0) : paginationState.pageIndex);
     const paginationPageSize = $derived(externalPaginationEnabled ? (props.pageSize ?? 10) : paginationState.pageSize);
-    const rowSelectionState = $derived.by(() => {
+    const rowSelectionState = $derived.by(function rowSelectionState_d() {
         gridStateVersion;
         return grid.getState().rowSelection ?? {};
     });
+    // ---- Selection bar ----------------------------------------------------
+    // The floating bulk-action bar. Off unless asked for: it overlaps a row, and
+    // what belongs on it is app-specific. The RENDERER is Enterprise and arrives
+    // through the selection-bar-view seam; everything here is free.
+    const selectionBarOn = $derived(props.selectionBar !== undefined && props.selectionBar !== false);
+    /** The prop in its three shapes - `true`, an action array, or a full config -
+     *  normalised to the config object the renderer reads. */
+    const selectionBarConfig = $derived.by(function selectionBarConfig_d() {
+        const raw = props.selectionBar;
+        if (Array.isArray(raw))
+            return { actions: raw };
+        if (raw && typeof raw === "object")
+            return raw;
+        return {};
+    });
+    const selectionBarActions = $derived(selectionBarConfig.actions ?? []);
+    const selectionBarPosition = $derived(selectionBarConfig.position === "top" ? "top" : "bottom");
+    const selectionBarMaxVisible = $derived(typeof selectionBarConfig.maxVisible === "number" && selectionBarConfig.maxVisible > 0
+        ? selectionBarConfig.maxVisible
+        : 6);
+    const selectionBarHideClear = $derived(selectionBarConfig.hideClear === true);
+    /** Selected rows in DISPLAY order, plus their ids - what every action on the
+     *  bar receives, and what its count shows. Built from `allRows` rather than
+     *  the selection map so the order matches what the user is looking at. */
+    const selectionBarTarget = $derived.by(function selectionBarTarget_d() {
+        const rows = [];
+        const ids = [];
+        if (!selectionBarOn)
+            return { rows, ids };
+        for (const row of allRows) {
+            if (isGroupRow(row))
+                continue;
+            if (rowSelectionState[row.id]) {
+                rows.push(row.original);
+                ids.push(row.id);
+            }
+        }
+        return { rows, ids };
+    });
     // Forward selection changes to the consumer. Skips the very first invocation
     // (the initial empty state) so consumers don't get a spurious callback on mount.
     let lastSelectionSerialized = "";
@@ -1331,7 +1447,7 @@ export function createSvGridController(rawProps, domIdBase) {
     const statusBarAggregates = $derived(typeof props.statusBar === "object" && props.statusBar.aggregates
         ? props.statusBar.aggregates
         : ["count", "sum", "avg", "min", "max"]);
-    const statusBarStats = $derived.by(() => {
+    const statusBarStats = $derived.by(function statusBarStats_d() {
         if (!statusBarEnabled)
             return null;
         const a = selectionRange.anchor;
@@ -1390,7 +1506,7 @@ export function createSvGridController(rawProps, domIdBase) {
     const toolPanelEnabled = $derived(props.toolPanel === true);
     // Every column (including hidden ones) in the user's current order, so the
     // panel can toggle/reorder anything. Group columns are flagged live.
-    const toolPanelColumns = $derived.by(() => {
+    const toolPanelColumns = $derived.by(function toolPanelColumns_d() {
         gridStateVersion;
         const all = grid.getAllColumns();
         if (!userColumnOrder.length)
@@ -1428,7 +1544,7 @@ export function createSvGridController(rawProps, domIdBase) {
     // reveals. `a11y/grid-announcements.ts` documents what is deliberately left
     // unsaid, and why saying it would make the grid talk over itself.
     /** Data rows before any local filtering - the denominator in "12 of 250". */
-    const unfilteredRowTotal = $derived.by(() => {
+    const unfilteredRowTotal = $derived.by(function unfilteredRowTotal_d() {
         dataStateVersion;
         void internalData;
         return grid.getRowModel().rows.length;
@@ -1506,7 +1622,7 @@ export function createSvGridController(rawProps, domIdBase) {
         props.onPivotModeChange?.(next);
     }
     const pivotActive = $derived(!!pivotConfig && pivotModeOn && hasPivotEngine());
-    const pivotResult = $derived.by(() => {
+    const pivotResult = $derived.by(function pivotResult_d() {
         if (!pivotActive || !pivotConfig)
             return null;
         const engine = getPivotEngine();
@@ -1584,7 +1700,7 @@ export function createSvGridController(rawProps, domIdBase) {
         const h = col.columnDef.header;
         return typeof h === "string" && h ? h : (col.columnDef.field ?? col.id);
     };
-    const chartableColumns = $derived.by(() => {
+    const chartableColumns = $derived.by(function chartableColumns_d() {
         const dims = [];
         const measures = [];
         for (const col of allColumns) {
@@ -1599,7 +1715,7 @@ export function createSvGridController(rawProps, domIdBase) {
         }
         return { dims, measures };
     });
-    const chartColumnDefaults = $derived.by(() => {
+    const chartColumnDefaults = $derived.by(function chartColumnDefaults_d() {
         const { dims, measures } = chartableColumns;
         let dimId = dims[0]?.id ?? null;
         let seriesId = null;
@@ -1972,7 +2088,7 @@ export function createSvGridController(rawProps, domIdBase) {
     // 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(() => {
+    const virtualRows = $derived.by(function virtualRows_d() {
         virtualizer.version;
         const items = virtualizer.getVirtualItems();
         if (items.length || allRows.length === 0)
@@ -1983,7 +2099,7 @@ export function createSvGridController(rawProps, domIdBase) {
         // 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(() => {
+    const virtualRowTotalSize = $derived.by(function virtualRowTotalSize_d() {
         virtualizer.version;
         const size = virtualizer.getTotalSize();
         // Keep the scroll height honest during the pre-measurement render, so the
@@ -2031,7 +2147,7 @@ export function createSvGridController(rawProps, domIdBase) {
     // OWN committed scroll offset - not the live DOM scrollTop - so the spacer
     // shift and the rendered window are always computed from the same state and
     // can never skew by a frame (which would jitter at extreme scale).
-    const rowOffsetAdjustment = $derived.by(() => {
+    const rowOffsetAdjustment = $derived.by(function rowOffsetAdjustment_d() {
         if (!rowScrollScalingActive)
             return 0;
         virtualizer.version;
@@ -2042,11 +2158,11 @@ export function createSvGridController(rawProps, domIdBase) {
     // virtualRowStart / virtualRowBottomSpacer.
     const rowTopSpacer = $derived(Math.max(virtualRowStart - rowOffsetAdjustment, 0));
     const rowBottomSpacer = $derived(Math.max(rowDomTotalSize - (virtualRowEnd - rowOffsetAdjustment), 0));
-    const virtualColumns = $derived.by(() => {
+    const virtualColumns = $derived.by(function virtualColumns_d() {
         columnVirtualizerVersion;
         return columnVirtualizer.getVirtualItems();
     });
-    const virtualColumnTotalSize = $derived.by(() => {
+    const virtualColumnTotalSize = $derived.by(function virtualColumnTotalSize_d() {
         columnVirtualizerVersion;
         return columnVirtualizer.getTotalSize();
     });
@@ -2061,7 +2177,7 @@ export function createSvGridController(rawProps, domIdBase) {
             return item;
         });
     };
-    const renderedColumnItems = $derived.by(() => {
+    const renderedColumnItems = $derived.by(function renderedColumnItems_d() {
         if (!columnVirtualizationEnabled)
             return allColumnItems();
         // Column virtualization is ON by default and its virtualizer, like the row
@@ -2107,7 +2223,7 @@ export function createSvGridController(rawProps, domIdBase) {
     const renderedColumns = $derived.by(() => renderedColumnItems
         .map((item) => ({ item, column: allColumns[item.index] }))
         .filter(hasRenderedColumn));
-    const totalColumnWidth = $derived.by(() => {
+    const totalColumnWidth = $derived.by(function totalColumnWidth_d() {
         if (columnVirtualizationEnabled)
             return virtualColumnTotalSize;
         let total = 0;
@@ -2124,7 +2240,7 @@ export function createSvGridController(rawProps, domIdBase) {
      *  column instead is reactive to both `columnWidths` and
      *  `fittedColumnWidths`, so the overflow decision settles in the same
      *  render where fit-scaling lands - no race, no scrollbar flash. */
-    const hasHorizontalOverflow = $derived.by(() => {
+    const hasHorizontalOverflow = $derived.by(function hasHorizontalOverflow_d() {
         const fixedCols = (showRowNumbersEffective ? rowNumberColumnWidth : 0) +
             (showRowSelectionEffective ? selectionColumnWidth : 0);
         let total = fixedCols;
@@ -2150,7 +2266,7 @@ export function createSvGridController(rawProps, domIdBase) {
      * everything stays pixel-aligned. When virtualization is off this is a
      * pass-through.
      */
-    const groupHeaderRowsWindowed = $derived.by(() => {
+    const groupHeaderRowsWindowed = $derived.by(function groupHeaderRowsWindowed_d() {
         const base = groupHeaderRows;
         if (!columnVirtualizationEnabled || base.length === 0)
             return base;
@@ -2176,11 +2292,11 @@ export function createSvGridController(rawProps, domIdBase) {
             return { ...row, cells };
         });
     });
-    const activeCell = $derived.by(() => {
+    const activeCell = $derived.by(function activeCell_d() {
         gridStateVersion;
         return (grid.getState().activeCell ?? { rowIndex: 0, colIndex: 0, cellId: null });
     });
-    const activeDescendantId = $derived.by(() => {
+    const activeDescendantId = $derived.by(function activeDescendantId_d() {
         const active = activeCell;
         const inRows = active.rowIndex >= 0 && active.rowIndex < allRows.length;
         const inCols = active.colIndex >= 0 && active.colIndex < allColumns.length;
@@ -2222,7 +2338,7 @@ export function createSvGridController(rawProps, domIdBase) {
      * `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(() => {
+    const eagerSummaries = $derived.by(function eagerSummaries_d() {
         if (!summarize)
             return null;
         if (!rowSummariesEnabled)
@@ -2375,10 +2491,37 @@ export function createSvGridController(rawProps, domIdBase) {
     // is the reactive signal instead, bumped only when a height actually changes.
     const measuredRowHeights = new Map();
     let autoRowHeightVersion = $state(0);
-    // A per-row `rowHeight` function already supplies heights, so auto-measuring
-    // would fight it. Fixed numbers are fine - they become the pre-measure estimate.
-    const autoRowHeightOn = $derived(props.autoRowHeight === true && typeof props.rowHeight !== "function");
     const autoRowHeightFallback = $derived(typeof props.rowHeight === "number" ? props.rowHeight : 30);
+    // ----- Interactive row resize (`rowResize` prop) -----
+    // Heights the user has dragged, by row index. A plain Map plus a version
+    // counter, exactly like `measuredRowHeights` above and for the same reason:
+    // the reset effect below has to read this collection to know whether there is
+    // anything to clear, and if the collection were reactive that read would make
+    // every resize re-trigger the reset and wipe the height it just stored.
+    const rowResizeHeights = new Map();
+    let rowResizeVersion = $state(0);
+    function setRowResizeHeight(index, height) {
+        if (!rowResizeOn || !Number.isFinite(index) || height <= 0)
+            return;
+        rowResizeHeights.set(index, Math.round(height));
+        rowResizeVersion += 1;
+    }
+    /** A user-dragged height for this row, or undefined when it has not been
+     *  resized. Read by the view AND by the virtualizer's `estimateSize`. */
+    function rowResizeHeightPx(index) {
+        return rowResizeOn ? rowResizeHeights.get(index) : undefined;
+    }
+    // A row index means a different row once the data changes, so keeping the
+    // heights would size new rows by the old ones - the same reasoning as the
+    // measured-height reset below.
+    $effect(() => {
+        void allRows.length;
+        void internalData;
+        if (rowResizeHeights.size === 0)
+            return;
+        rowResizeHeights.clear();
+        rowResizeVersion += 1;
+    });
     /** Report a row's measured height. Called by the view's measuring action.
      *  Sub-pixel churn is ignored so a fractional layout can't loop. */
     function reportRowHeight(index, height) {
@@ -2450,11 +2593,19 @@ export function createSvGridController(rawProps, domIdBase) {
         // the estimate for rows that have not rendered yet. Touch the version so a
         // new measurement re-runs this effect (the Map itself is not reactive).
         autoRowHeightVersion;
-        const estimateSize = autoRowHeightOn
+        // Touch the version so a resize re-runs this effect: the virtualizer has to
+        // know the new size or every row below the resized one is positioned
+        // against a stale offset.
+        rowResizeVersion;
+        const base = autoRowHeightOn
             ? (index) => measuredRowHeights.get(index) ?? autoRowHeightFallback
             : typeof rh === "function"
                 ? rh
                 : (rh ?? 30);
+        const estimateSize = rowResizeOn
+            ? (index) => rowResizeHeights.get(index) ??
+                (typeof base === "function" ? base(index) : base)
+            : base;
         virtualizer.setOptions({
             count: allRows.length,
             estimateSize,
@@ -2552,7 +2703,7 @@ export function createSvGridController(rawProps, domIdBase) {
     // Lets the resolver answer from cache without re-invoking the source, so an
     // async source fires one request per row instead of one per render.
     const asyncEditorColumns = new Set();
-    const headerSelectionState = $derived.by(() => {
+    const headerSelectionState = $derived.by(function headerSelectionState_d() {
         gridStateVersion;
         const selectable = allRows.filter((row) => !isGroupRow(row));
         if (!selectable.length)
@@ -2585,7 +2736,7 @@ export function createSvGridController(rawProps, domIdBase) {
      * Returns `null` when fit scaling is not in effect (off, no room, total
      * already >= target). Callers then fall back to the base width.
      */
-    const fittedColumnWidths = $derived.by(() => {
+    const fittedColumnWidths = $derived.by(function fittedColumnWidths_d() {
         // Track viewport size (not scrollVersion) so we don't recompute on
         // every scroll - only when the container actually resizes.
         viewportVersion;
@@ -2650,12 +2801,10 @@ export function createSvGridController(rawProps, domIdBase) {
         widths[lastId] = Math.max(MIN_COLUMN_WIDTH, scalableTarget - runningSum);
         return widths;
     });
-    let resizePendingWidth = 0;
-    let resizeRaf = null;
     /** Where the fill handle should render: the bottom-right cell of the
      *  selection range (or the active cell if there's no range). Returns
      *  null when cell selection is off or there is no anchored selection. */
-    const fillHandleCell = $derived.by(() => {
+    const fillHandleCell = $derived.by(function fillHandleCell_d() {
         if (!(props.enableCellSelection ?? false))
             return null;
         const anchor = selectionRange.anchor;
@@ -2699,7 +2848,7 @@ export function createSvGridController(rawProps, domIdBase) {
      *  reused by both the facet UI and the row filter. Computing them lazily
      *  in a $derived means columns with no filter menu open and no active
      *  filter never pay the iteration cost. */
-    const facetBucketsByColumn = $derived.by(() => {
+    const facetBucketsByColumn = $derived.by(function facetBucketsByColumn_d() {
         const map = new Map();
         for (const column of allColumns) {
             const meta = isBucketableColumn(column);
@@ -2747,24 +2896,58 @@ export function createSvGridController(rawProps, domIdBase) {
      * column id (not just the open menu) so the filter row can drive it too.
      */
     function facetValuesForColumn(columnId) {
+        return facetEntriesForColumn(columnId).map((entry) => entry.value);
+    }
+    /**
+     * The values a column's checklist offers, with the row count behind each.
+     *
+     * Scoped to the rows passing every OTHER column's filters, not to the whole
+     * dataset. Offering the full set means a checklist full of values that
+     * cannot appear: filter Country to Germany and the City list still showed
+     * every city on file, most of them a one-click route to an empty grid.
+     * The column's OWN filter is excluded, so unticking a value never makes the
+     * rest of the list vanish underneath the pointer.
+     */
+    function facetEntriesForColumn(columnId) {
         if (!columnId)
             return [];
-        // Server-provided distinct values win (fetched + cached above).
+        // Server-provided distinct values win (fetched + cached above). The grid
+        // has not seen the rows behind them, so there is nothing to count.
         if (props.serverFilterValues)
-            return serverFacetValues[columnId] ?? [];
+            return (serverFacetValues[columnId] ?? []).map((value) => ({
+                value,
+                count: null,
+            }));
         const column = allColumns.find((entry) => entry.id === columnId);
         if (!column)
             return [];
-        // Range-bucketed facets for numeric / date columns with many values.
+        const scope = applyColumnFilters(grid.getRowModel().rows, columnId);
         const buckets = facetBucketsByColumn.get(columnId);
-        if (buckets)
-            return buckets.map((b) => b.label);
+        if (buckets) {
+            // Range-bucketed facets for numeric / date columns with many values.
+            const counts = new Map(buckets.map((b) => [b.label, 0]));
+            for (const row of scope) {
+                const num = rawToNumber(getColumnBaseValue(row, column), buckets[0].isDate);
+                if (!Number.isFinite(num))
+                    continue;
+                for (const bucket of buckets) {
+                    if (isInBucket(num, bucket)) {
+                        counts.set(bucket.label, (counts.get(bucket.label) ?? 0) + 1);
+                        break;
+                    }
+                }
+            }
+            return buckets.map((b) => ({ value: b.label, count: counts.get(b.label) ?? 0 }));
+        }
         // Default: distinct-value facets.
-        const seen = new Set();
-        for (const rowData of props.data) {
-            seen.add(String(getColumnAccessorValue(rowData, column) ?? ""));
+        const counts = new Map();
+        for (const row of scope) {
+            const value = String(getColumnBaseValue(row, column) ?? "");
+            counts.set(value, (counts.get(value) ?? 0) + 1);
         }
-        return Array.from(seen).sort((a, b) => a.localeCompare(b, undefined, { numeric: true }));
+        return Array.from(counts.keys())
+            .sort((a, b) => a.localeCompare(b, undefined, { numeric: true }))
+            .map((value) => ({ value, count: counts.get(value) ?? 0 }));
     }
     /**
      * Facet values for the open menu, SNAPSHOTTED when it opens.
@@ -2785,8 +2968,9 @@ export function createSvGridController(rawProps, domIdBase) {
     // out a fresh empty array/set on every read.
     const EMPTY_FACETS = [];
     const EMPTY_FACET_SET = new Set();
+    const EMPTY_FACET_ENTRIES = [];
     let facetCache = null;
-    const columnMenuFacetValues = $derived.by(() => {
+    const columnMenuFacetValues = $derived.by(function columnMenuFacetValues_d() {
         // The funnel popover drives via `filterMenuFor`; the column menu's Filter
         // tab drives via `columnMenuFor`. Support whichever is open.
         const columnId = filterMenuFor ?? columnMenuFor;
@@ -2801,10 +2985,12 @@ export function createSvGridController(rawProps, domIdBase) {
         if (facetCache?.columnId === columnId && facetCache.source === source) {
             return facetCache.values;
         }
+        const entries = untrack(() => facetEntriesForColumn(columnId));
         facetCache = {
             columnId,
             source,
-            values: untrack(() => facetValuesForColumn(columnId)),
+            values: entries.map((e) => e.value),
+            counts: new Map(entries.flatMap((e) => (e.count == null ? [] : [[e.value, e.count]]))),
         };
         return facetCache.values;
     });
@@ -2816,46 +3002,76 @@ export function createSvGridController(rawProps, domIdBase) {
         if (!(filterMenuFor ?? columnMenuFor))
             facetCache = null;
     });
-    const columnMenuVisibleFacets = $derived.by(() => {
+    const columnMenuVisibleFacets = $derived.by(function columnMenuVisibleFacets_d() {
         const query = columnMenuSearch.trim().toLowerCase();
         if (!query)
             return columnMenuFacetValues;
         return columnMenuFacetValues.filter((value) => value.toLowerCase().includes(query));
     });
     /** Visible facets as listbox options ((Blanks) label for the empty value). */
-    const columnMenuFacetOptions = $derived(columnMenuVisibleFacets.map((value) => ({
-        value,
-        label: value === "" ? "(Blanks)" : value,
-    })));
+    const columnMenuFacetOptions = $derived.by(function columnMenuFacetOptions_d() {
+        // Reading the values first materializes the snapshot (and its counts).
+        const values = columnMenuVisibleFacets;
+        const counts = facetCache?.counts;
+        return values.map((value) => {
+            const count = counts?.get(value);
+            return {
+                value,
+                label: value === "" ? "(Blanks)" : value,
+                // How many rows this value would keep, given the other columns'
+                // filters. Absent in server-values mode, where the grid never sees
+                // the rows behind the list.
+                hint: count == null ? undefined : String(count),
+            };
+        });
+    });
     /**
      * Checked facets for the open menu. An ABSENT `valueFilters` entry means
      * "everything checked", so that case materializes the set once here rather
      * than every consumer re-deriving it.
      */
-    const columnMenuSelectedFacets = $derived.by(() => {
+    const columnMenuSelectedFacets = $derived.by(function columnMenuSelectedFacets_d() {
         const columnId = filterMenuFor ?? columnMenuFor;
         if (!columnId)
             return EMPTY_FACET_SET;
         return valueFilters[columnId] ?? new Set(columnMenuFacetValues);
     });
+    /**
+     * The offered values, in their own derived so the QUERY does not re-run the
+     * scan. It used to sit in `inSuggestValues` beside the `inSuggestQuery`
+     * read, so every keystroke in a chip input rebuilt the distinct-value set -
+     * and once the scan started narrowing itself against the other columns'
+     * filters, every keystroke ran the filter pipeline too. Split out, it
+     * re-runs only when the dropdown moves to another column.
+     */
+    const inSuggestEntries = $derived.by(function inSuggestEntries_d() {
+        const columnId = inSuggestFor;
+        if (!columnId)
+            return EMPTY_FACET_ENTRIES;
+        return untrack(() => facetEntriesForColumn(columnId));
+    });
     // Distinct values offered in the `in` / `notIn` suggestions dropdown for the
     // active chip input, narrowed by whatever the user has typed. Uncapped - the
     // dropdown windows its rows, so a high-cardinality column costs a list of
     // strings, not thousands of nodes.
-    const inSuggestValues = $derived.by(() => {
-        if (!inSuggestFor)
-            return EMPTY_FACETS;
+    const inSuggestValues = $derived.by(function inSuggestValues_d() {
         const query = inSuggestQuery.trim().toLowerCase();
-        const all = facetValuesForColumn(inSuggestFor);
-        return query
-            ? all.filter((value) => value.toLowerCase().includes(query))
-            : all;
+        const all = inSuggestEntries;
+        return (query ? all.filter((e) => e.value.toLowerCase().includes(query)) : all).map((e) => e.value);
     });
     /** `in` / `notIn` suggestions as listbox options. */
-    const inSuggestOptions = $derived(inSuggestValues.map((value) => ({
-        value,
-        label: value === "" ? "(Blanks)" : value,
-    })));
+    const inSuggestOptions = $derived.by(function inSuggestOptions_d() {
+        const query = inSuggestQuery.trim().toLowerCase();
+        const shown = query
+            ? inSuggestEntries.filter((e) => e.value.toLowerCase().includes(query))
+            : inSuggestEntries;
+        return shown.map((e) => ({
+            value: e.value,
+            label: e.value === "" ? "(Blanks)" : e.value,
+            // Same match count the menu's checklist shows.
+            hint: e.count == null ? undefined : String(e.count),
+        }));
+    });
     // Fire onApiReady exactly once when the grid is first ready. Wrapping in
     // an effect that tracks `props.onApiReady` was racy - every parent render
     // creates a new inline arrow, the effect re-fired, and any synchronous
@@ -2914,6 +3130,10 @@ export function createSvGridController(rawProps, domIdBase) {
         set isDraggingSelection(v) { isDraggingSelection = v; },
         get fillDrag() { return fillDrag; },
         set fillDrag(v) { fillDrag = v; },
+        get moveDrag() { return moveDrag; },
+        set moveDrag(v) { moveDrag = v; },
+        get moveGrabHover() { return moveGrabHover; },
+        set moveGrabHover(v) { moveGrabHover = v; },
         get activeAtPointerDown() { return activeAtPointerDown; },
         set activeAtPointerDown(v) { activeAtPointerDown = v; },
         get editingCell() { return editingCell; },
@@ -2950,12 +3170,6 @@ export function createSvGridController(rawProps, domIdBase) {
         set editorSelectAll(v) { editorSelectAll = v; },
         get columnWidths() { return columnWidths; },
         set columnWidths(v) { columnWidths = v; },
-        get resizingColumnId() { return resizingColumnId; },
-        set resizingColumnId(v) { resizingColumnId = v; },
-        get resizeStartX() { return resizeStartX; },
-        set resizeStartX(v) { resizeStartX = v; },
-        get resizeStartWidth() { return resizeStartWidth; },
-        set resizeStartWidth(v) { resizeStartWidth = v; },
         get MIN_COLUMN_WIDTH() { return MIN_COLUMN_WIDTH; },
         get columnPinning() { return columnPinning; },
         set columnPinning(v) { columnPinning = v; },
@@ -3023,6 +3237,7 @@ export function createSvGridController(rawProps, domIdBase) {
         get showRowSelectionEffective() { return showRowSelectionEffective; },
         get rowSummariesEnabled() { return rowSummariesEnabled; },
         get enableCellSelectionEffective() { return enableCellSelectionEffective; },
+        get moveCellsEffective() { return moveCellsEffective; },
         get flushScheduledScrollSync() { return flushScheduledScrollSync; },
         get scheduleScrollSync() { return scheduleScrollSync; },
         get internalData() { return internalData; },
@@ -3104,6 +3319,12 @@ export function createSvGridController(rawProps, domIdBase) {
         get allRowsBeforePagination() { return allRowsBeforePagination; },
         get allRows() { return allRows; },
         get rowSelectionState() { return rowSelectionState; },
+        get selectionBarOn() { return selectionBarOn; },
+        get selectionBarActions() { return selectionBarActions; },
+        get selectionBarPosition() { return selectionBarPosition; },
+        get selectionBarMaxVisible() { return selectionBarMaxVisible; },
+        get selectionBarHideClear() { return selectionBarHideClear; },
+        get selectionBarTarget() { return selectionBarTarget; },
         get lastSelectionSerialized() { return lastSelectionSerialized; },
         set lastSelectionSerialized(v) { lastSelectionSerialized = v; },
         get lastCellRangeSerialized() { return lastCellRangeSerialized; },
@@ -3278,6 +3499,15 @@ export function createSvGridController(rawProps, domIdBase) {
             autoRowHeightVersion;
             return (index) => measuredRowHeights.get(index);
         },
+        /** True when the `rowResize` prop is on and nothing overrides it. */
+        get rowResizeOn() { return rowResizeOn; },
+        /** Record the height the user dragged a row to. */
+        get setRowResizeHeight() { return setRowResizeHeight; },
+        /** A row's dragged height, or undefined when it has not been resized. */
+        get rowResizeHeightPx() {
+            rowResizeVersion;
+            return rowResizeHeightPx;
+        },
         get virtualRowTotalSize() { return virtualRowTotalSize; },
         get virtualRowStart() { return virtualRowStart; },
         get virtualRowEnd() { return virtualRowEnd; },
@@ -3340,13 +3570,6 @@ export function createSvGridController(rawProps, domIdBase) {
         get getColumnBaseWidth() { return getColumnBaseWidth; },
         get fittedColumnWidths() { return fittedColumnWidths; },
         get getColumnWidth() { return getColumnWidth; },
-        get resizePendingWidth() { return resizePendingWidth; },
-        set resizePendingWidth(v) { resizePendingWidth = v; },
-        get resizeRaf() { return resizeRaf; },
-        set resizeRaf(v) { resizeRaf = v; },
-        get startColumnResize() { return startColumnResize; },
-        get onColumnResizeMove() { return onColumnResizeMove; },
-        get endColumnResize() { return endColumnResize; },
         get setSelection() { return setSelection; },
         get extendSelection() { return extendSelection; },
         get isCellInSelectedRange() { return isCellInSelectedRange; },
@@ -3354,8 +3577,18 @@ export function createSvGridController(rawProps, domIdBase) {
         get getSelectionRects() { return getSelectionRects; },
         get fillHandleCell() { return fillHandleCell; },
         get isInFillPreview() { return isInFillPreview; },
+        get dragPreviewRect() { return dragPreviewRect; },
         get fillMarqueeEdges() { return fillMarqueeEdges; },
         get findColumnById() { return findColumnById; },
+        /**
+         * Whether this column may be resized by the user, from its
+         * `ColumnDef.resizable`. Defaults to true, so a column only opts out by
+         * saying so; the grid-wide `columnResize` prop gates all of them above
+         * this. Used by the resize action and by the column menu's Autosize item.
+         */
+        columnResizable(columnId) {
+            return findColumnById(columnId)?.columnDef?.resizable !== false;
+        },
         get readCellRaw() { return readCellRaw; },
         get writeCellRaw() { return writeCellRaw; },
         get applyFillPattern() { return applyFillPattern; },
@@ -3363,6 +3596,14 @@ export function createSvGridController(rawProps, domIdBase) {
         get startFillDrag() { return startFillDrag; },
         get onFillPointerMove() { return onFillPointerMove; },
         get onFillPointerUp() { return onFillPointerUp; },
+        get isOnMoveGrabStrip() { return isOnMoveGrabStrip; },
+        get startMoveDrag() { return startMoveDrag; },
+        get onMovePointerMove() { return onMovePointerMove; },
+        get onMovePointerUp() { return onMovePointerUp; },
+        get trackEdgeScroll() { return trackEdgeScroll; },
+        get stopEdgeScroll() { return stopEdgeScroll; },
+        get applyMoveRange() { return applyMoveRange; },
+        get moveDestRect() { return moveDestRect; },
         get toggleBooleanCell() { return toggleBooleanCell; },
         get onCellPointerDown() { return onCellPointerDown; },
         get onCellPointerEnter() { return onCellPointerEnter; },
@@ -3464,12 +3705,12 @@ export function createSvGridController(rawProps, domIdBase) {
     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);
-    const { isRowSelected, toggleRowSelectionById, toggleSelectAllRows, setActiveCell, scrollActiveCellIntoView, setSelection, extendSelection, isCellInSelectedRange, getCellRangeEdges, getSelectionRects, isInFillPreview, fillMarqueeEdges, findColumnById, onCellPointerDown, onCellPointerEnter, endDragSelection, onWindowPointerMove, onCellClick, emitCellDoubleClick } = createSelection(ctx);
-    const { cellPinStyle, isColumnPinned, getCurrentColumnOrder, emitColumnOrder, setColumnOrderInternal, applyColumnDrop, onColumnHeaderDragStart, onColumnHeaderDragOver, onColumnHeaderDragLeave, onColumnHeaderDrop, onColumnHeaderDragEnd, pinColumnLeft, pinColumnRight, unpinColumn, toggleColumnVisibleInPanel, moveColumnInPanel, toggleGroupInPanel, getColumnBaseWidth, getColumnWidth, startColumnResize, onColumnResizeMove, endColumnResize, measureText, autosizeColumn, autosizeAllColumns, resetColumns } = createColumns(ctx);
+    const { isRowSelected, toggleRowSelectionById, toggleSelectAllRows, setActiveCell, scrollActiveCellIntoView, setSelection, extendSelection, isCellInSelectedRange, getCellRangeEdges, getSelectionRects, isInFillPreview, dragPreviewRect, fillMarqueeEdges, findColumnById, onCellPointerDown, onCellPointerEnter, endDragSelection, onWindowPointerMove, onCellClick, emitCellDoubleClick } = createSelection(ctx);
+    const { cellPinStyle, isColumnPinned, getCurrentColumnOrder, emitColumnOrder, setColumnOrderInternal, applyColumnDrop, onColumnHeaderDragStart, onColumnHeaderDragOver, onColumnHeaderDragLeave, onColumnHeaderDrop, onColumnHeaderDragEnd, pinColumnLeft, pinColumnRight, unpinColumn, toggleColumnVisibleInPanel, moveColumnInPanel, toggleGroupInPanel, getColumnBaseWidth, getColumnWidth, measureText, autosizeColumn, autosizeAllColumns, resetColumns } = createColumns(ctx);
     const { onRowDragStart, onRowDragOver, onRowDragLeave, onRowDrop, onRowsContainerDragOver, onRowsContainerDrop, onRowDragEnd, onRowPointerDown, destroyRowDrag } = createRowDrag(ctx);
     const { register: registerAlignedGrid, broadcastScroll: broadcastAlignedScroll, broadcastWidths: broadcastAlignedWidths } = createAlignedGrids(ctx);
     const { buildApi } = createGridApi(ctx);
-    const { readCellRaw, writeCellRaw, applyFillPattern, clearSelectedCellValues, startFillDrag, onFillPointerMove, onFillPointerUp, toggleBooleanCell, copySelectionToClipboard, clearSelectedCells, cutSelectionToClipboard } = createClipboard(ctx);
+    const { readCellRaw, writeCellRaw, applyFillPattern, clearSelectedCellValues, startFillDrag, onFillPointerMove, onFillPointerUp, isOnMoveGrabStrip, startMoveDrag, onMovePointerMove, onMovePointerUp, applyMoveRange, moveDestRect, trackEdgeScroll, stopEdgeScroll, toggleBooleanCell, copySelectionToClipboard, clearSelectedCells, cutSelectionToClipboard } = createClipboard(ctx);
     // Dev-time configuration checks. Silent misconfiguration was the grid's
     // biggest usability gap - a misspelled `field` rendered a column of blank
     // cells and printed nothing, and an inert `pageSize` was simply ignored.
@@ -3541,7 +3782,6 @@ export function createSvGridController(rawProps, domIdBase) {
     // this grid still owns (#68). Each of these is a no-op when idle.
     $effect(() => {
         return () => {
-            endColumnResize();
             hideTooltip();
             destroyRowDrag();
         };