@svgrid/grid 3.0.8 → 3.0.9

package/dist/GridMenus.svelte

@@ -49,7 +49,6 @@
   const unpinColumn = $derived(ctrl.unpinColumn);
   const sortDirectionByColumn = $derived(ctrl.sortDirectionByColumn);
   const groupingColumns = $derived(ctrl.groupingColumns);
-  const columnVirtualizationEnabled = $derived(ctrl.columnVirtualizationEnabled);
   const updateFilterOperator = $derived(ctrl.updateFilterOperator);
   const updateFilterMenuValue = $derived(ctrl.updateFilterMenuValue);
   const updateFilterMenuValueTo = $derived(ctrl.updateFilterMenuValueTo);
@@ -644,7 +643,9 @@
           <span class="sv-grid-header-icon">{@render icon("x")}</span> Remove sort
         </button>
       {/if}
-      {#if !columnVirtualizationEnabled}
+      <!-- Pinning works with column virtualization on: the pinned columns render
+           as their own runs either side of the virtual window. -->
+      {#if menuColumnId}
         {@const menuPinSide = isColumnPinned(menuColumnId)}
         <div class="sv-grid-menu-sep"></div>
         <button

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

@@ -103,6 +103,8 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     columnWidths: Record<string, number>;
     readonly collapsedColumns: Record<string, boolean>;
     readonly mergeIndex: import("./merges.js").MergeIndex | null;
+    readonly flexRows: boolean;
+    readonly flexLayoutActive: boolean;
     readonly setColumnCollapsed: (columnId: string, collapsed: boolean) => void;
     readonly MIN_COLUMN_WIDTH: number;
     columnPinning: {
@@ -217,6 +219,10 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
             groupId?: string;
             collapsible: boolean;
             collapsed: boolean;
+            /** Width of the unrendered columns before this cell when column
+             *  virtualization splits the window into pinned and centre runs; the
+             *  template draws a spacer of this width first. */
+            gapBefore?: number;
         }[];
     }[];
     readonly groupHeaderRowsWindowed: {
@@ -237,6 +243,10 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
             groupId?: string;
             collapsible: boolean;
             collapsed: boolean;
+            /** Width of the unrendered columns before this cell when column
+             *  virtualization splits the window into pinned and centre runs; the
+             *  template draws a spacer of this width first. */
+            gapBefore?: number;
         }[];
     }[];
     readonly pinnedOffsets: {
@@ -308,8 +318,8 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     };
     readonly selectionBarCount: number;
     readonly selectionBarVisible: boolean;
-    lastSelectionSerialized: string;
-    lastCellRangeSerialized: string;
+    lastSelectionSerialized: string | null;
+    lastCellRangeSerialized: string | null;
     readonly statusBarEnabled: boolean;
     readonly statusBarAggregates: readonly ("sum" | "avg" | "min" | "max" | "count" | "numericCount")[];
     readonly statusBarStats: {
@@ -566,13 +576,25 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly logicalToDomRowOffset: (logical: number) => number;
     readonly virtualColumns: import("./index.js").VirtualItem[];
     readonly virtualColumnTotalSize: number;
-    readonly renderedColumnItems: import("./index.js").VirtualItem[] | {
+    readonly renderedColumnItems: {
         index: number;
         key: number;
         size: any;
         start: number;
         end: any;
-    }[];
+    }[] | (import("./index.js").VirtualItem | {
+        index: number;
+        key: number;
+        size: number;
+        start: number;
+        end: number;
+    } | {
+        index: number;
+        key: number;
+        size: number;
+        start: number;
+        end: number;
+    })[];
     readonly hasRenderedColumn: (entry: {
         item: any;
         column: any | undefined;
@@ -581,9 +603,39 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
         column: any;
     };
     readonly renderedColumns: {
-        item: any;
-        column: any;
+        item: import("./index.js").VirtualItem | {
+            index: number;
+            key: number;
+            size: any;
+            start: number;
+            end: any;
+        } | {
+            index: number;
+            key: number;
+            size: number;
+            start: number;
+            end: number;
+        } | {
+            index: number;
+            key: number;
+            size: number;
+            start: number;
+            end: number;
+        };
+        column: NonNullable<Column<TData>>;
+        gap: number;
+        key: string;
+        pinned: "left" | "right" | null;
+    }[];
+    readonly renderedColumnRuns: {
+        first: number;
+        last: number;
+        gap: number;
     }[];
+    readonly columnRunOf: (colIndex: number) => {
+        firstCol: number;
+        lastCol: number;
+    };
     readonly totalColumnWidth: number;
     readonly hasHorizontalOverflow: boolean;
     readonly columnWindowStart: number;
@@ -620,8 +672,8 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly getPinnedCellValue: typeof getPinnedCellValue;
     readonly formatPinnedValue: (column: Column<TData>, value: unknown) => string;
     readonly computePinnedCellClass: (rowData: TData, column: Column<TData>) => string;
-    readonly isRowSelected: (rowId: string) => any;
-    readonly toggleRowSelectionById: (rowId: string) => void;
+    readonly isRowSelected: (rowId: string, original?: unknown) => any;
+    readonly toggleRowSelectionById: (rowId: string, original?: unknown) => void;
     readonly headerSelectionState: "some" | "none" | "all";
     readonly visibleRowRange: {
         startIndex: number;