@svgrid/grid 2.2.31 → 2.2.33

package/README.md

@@ -88,7 +88,7 @@ all wire up the moment you turn on the matching prop.
 
 - **Virtual scrolling** - row + column windowing; 100k x 100 stays smooth, with a 1M-row demo.
 - **Filtering** - Excel-style filter menu, inline filter row, set / value-list filter, locale-aware matching, between operators.
-- **Editing** - 14 built-in `editorType`s (text, number, date, datetime, time, select, rich-select with typeahead, textarea, color, checkbox, list, chips, rating, password) plus a `cellEditor` snippet slot for anything custom.
+- **Editing** - 15 built-in `editorType`s (text, number, date, datetime, time, select, rich-select with typeahead, autocomplete, textarea, color, checkbox, list, chips, rating, password), plus `date-native` / `datetime-native` / `time-native` to opt out of the rich pickers, and a `cellEditor` snippet slot for anything custom.
 - **Selection** - cell-range click+drag and Shift+arrows, copy/paste as TSV, Excel-style fill handle, row selection.
 - **Views** - row grouping with aggregation, tree data, master/detail, full-width detail rows, spreadsheet mode with formulas.
 - **Layout** - row + column pinning, sticky header + first column, header drag-to-reorder, autosize, keyboard-accessible column sizing, zebra rows, responsive mode.

package/dist/DockNodeView.svelte

@@ -42,7 +42,7 @@
 
     const onMove = (ev: PointerEvent) => {
       const delta = ((vertical ? ev.clientY : ev.clientX) - startPos) / total
-      let fa = Math.min(Math.max(startSizes[a]! + delta, minA), pairTotal - minB)
+      const fa = Math.min(Math.max(startSizes[a]! + delta, minA), pairTotal - minB)
       const next = startSizes.slice()
       next[a] = fa
       next[b] = pairTotal - fa

package/dist/GridFooter.svelte

@@ -1,50 +1,13 @@
 <script lang="ts" generics="TFeatures extends TableFeatures = TableFeatures, TData extends RowData = RowData">
   import {
-      getGridCellA11yProps,
-      getGridCellDomId,
-      getGridHeaderA11yProps,
-      getGridRootA11yProps,
-      getGridRowA11yProps,
-      type EditorContext,
-      type CellEditorOption,
-      type Column,
-      type Row,
       type RowData,
       type TableFeatures,
     } from "./index";
   import "./sv-grid-scrollbar";
-  import type { Snippet } from "svelte";
-  import {
-      RenderSnippetConfig,
-      RenderComponentConfig,
-    } from "./render-component";
-  import {
-      buildSparkline,
-      toSparklineValues,
-    } from "./sparkline";
   import SvGridDropdown from "./SvGridDropdown.svelte";
-  import type {
-      Props,
-      SelectionPoint,
-      SelectionRange,
-      CellEditState,
-      FilterOperator,
-      FilterOption,
-      MenuPosition,
-    } from "./SvGrid.types";
   import {
-      cfTextStyle,
       fmtStat,
-      getEditableInputValue,
-      getEditorInputType,
-      toValueArray,
-      getOptionLabel,
-      getOptionColor,
-      colorfulChipStyle,
-      getEditorClass,
     } from "./SvGrid.helpers";
-  import {
-    } from "./SvGrid.controller.svelte";
   import type { SvGridController } from "./SvGrid.controller.svelte";
 
   let {
@@ -68,9 +31,6 @@
   // View facade: re-bind the controller's reactive members so the markup
   // (moved verbatim from SvGrid.svelte) stays identical.
   const paginationEnabled = $derived(ctrl.paginationEnabled);
-  const grid = $derived(ctrl.grid);
-  const paginationState = $derived(ctrl.paginationState);
-  const allRowsBeforePagination = $derived(ctrl.allRowsBeforePagination);
   const statusBarEnabled = $derived(ctrl.statusBarEnabled);
   const statusBarAggregates = $derived(ctrl.statusBarAggregates);
   const statusBarStats = $derived(ctrl.statusBarStats);

package/dist/GridMenus.svelte

@@ -1,97 +1,21 @@
 <script lang="ts" generics="TFeatures extends TableFeatures = TableFeatures, TData extends RowData = RowData">
   import {
-    applyExcelFilter,
-    normalizeForFilter,
     splitInTokens,
     trailingInToken,
-    createColumnVirtualizer,
-    createCoreRowModel,
-    createExpandedRowModel,
-    createFilteredRowModel,
-    createGroupedRowModel,
-    createPaginatedRowModel,
-    createSvelteVirtualizer,
-    createSortedRowModel,
-    createSvGrid,
-    filterFns,
-    getGridCellA11yProps,
-    getGridCellDomId,
-    getGridHeaderA11yProps,
-    getGridRootA11yProps,
-    getGridRowA11yProps,
-    parseEditorValue,
-    normalizeEditorOptions,
-    sortFns,
-    tableFeatures,
-    rowSortingFeature,
-    columnFilteringFeature,
-    columnGroupingFeature,
-    type CellContext,
-    type EditorContext,
-    type CellEditorOption,
     type CellEditorType,
-    type CellFormatter,
-    type CellFormatConfig,
     type Column,
-    type ColumnDef,
-    type Row,
     type RowData,
-    type SvGridApi,
     type TableFeatures,
   } from "./index";
   import "./sv-grid-scrollbar";
   import { onScrollOutside } from "./a11y/dismissable";
   import type { Snippet } from "svelte";
-  import { getKeyboardIntent, getNextActiveCell } from "./keyboard";
-  import {
-    formatNumericWithConfig,
-    getDateFormatter,
-    resolveDatePattern,
-  } from "./cell-formatting";
-  import {
-    RenderSnippetConfig,
-    RenderComponentConfig,
-  } from "./render-component";
-  import { buildFillPattern } from "./fill-patterns";
-  import { buildSparkline, toSparklineValues } from "./sparkline";
-  import {
-    resolveCellFormat,
-    computeColumnStat,
-    formatsNeedingStats,
-    type ColumnStat,
-    type ResolvedCellFormat,
-  } from "./conditional-formatting";
-  import SvGridDropdown from "./SvGridDropdown.svelte";
   import SvListBox from "./SvListBox.svelte";
   import type {
-    Props,
-    SelectionPoint,
-    SelectionRange,
-    CellEditState,
     FilterOperator,
-    FilterOption,
-    MenuPosition,
   } from "./SvGrid.types";
   import {
-    cfTextStyle,
-    fmtStat,
-    getCellKey,
-    resolveClassList,
-    toDateInputValue,
-    toDateTimeLocalInputValue,
-    getEditableInputValue,
     getEditorInputType,
-    toValueArray,
-    getOptionLabel,
-    getOptionColor,
-    colorfulChipStyle,
-    getEditorClass,
-    asDate,
-    clampMenuX,
-    cssEscape,
-    rawToNumber,
-    formatFacetNumber,
-    formatFacetDate,
   } from "./SvGrid.helpers";
 
   import type { SvGridController } from "./SvGrid.controller.svelte";
@@ -103,7 +27,6 @@
   const groupingControlsEnabled = $derived(ctrl.groupingControlsEnabled);
   const filterMenuValues = $derived(ctrl.filterMenuValues);
   const tooltip = $derived(ctrl.tooltip);
-  const showTooltipFor = $derived(ctrl.showTooltipFor);
   const columnMenuFor = $derived(ctrl.columnMenuFor);
   const columnMenuPos = $derived(ctrl.columnMenuPos);
   const filterMenuFor = $derived(ctrl.filterMenuFor);

package/dist/SvAvatar.svelte

@@ -71,5 +71,5 @@
   .sv-avatar__status.is-online { background: var(--sg-success, #16a34a); }
   .sv-avatar__status.is-offline { background: var(--sg-muted, #94a3b8); }
   .sv-avatar__status.is-busy { background: var(--sg-danger, #dc2626); }
-  .sv-avatar__status.is-away { background: var(--sg-warning, #f59e0b); }
+  .sv-avatar__status.is-away { background: var(--sg-warning, #d97706); }
 </style>

package/dist/SvCheckBox.svelte

@@ -56,8 +56,9 @@
 
 <SvField id={uid} {hint} {error} {required} {dir}>
   <label class="sv-check sv-check--{size}" class:is-disabled={disabled} class:is-readonly={readonly} class:is-invalid={invalid}>
+    <!-- role="checkbox" arrives via boxProps(), which the a11y pass cannot see through -->
+    <!-- svelte-ignore a11y_role_supports_aria_props_implicit -->
     <button
-      role="checkbox"
       class="sv-check__box"
       class:is-checked={checked && !indeterminate}
       class:is-indeterminate={indeterminate}

package/dist/SvCircularProgress.svelte

@@ -89,7 +89,7 @@
     position: relative; display: inline-flex; flex: none;
   }
   .sv-circ--success { --_c: var(--sg-success, #16a34a); }
-  .sv-circ--warning { --_c: var(--sg-warning, #f59e0b); }
+  .sv-circ--warning { --_c: var(--sg-warning, #d97706); }
   .sv-circ--danger { --_c: var(--sg-danger, #dc2626); }
   .sv-circ__svg { display: block; transform: rotate(-90deg); }
   .sv-circ__track { stroke: var(--sg-border, #e2e8f0); }

package/dist/SvDateRangeInput.svelte

@@ -20,7 +20,7 @@
   import { anchoredRect, portalToBody, popIn, type AnchoredRect } from './popover'
   import { editorAria, nextEditorId, resolveMessages, type SvEditorProps } from './editor-contract'
   import { formatDate } from './datetime/date-format'
-  import { toDate, startOfDay, type DateLike } from './datetime/date-core'
+  import { startOfDay, type DateLike } from './datetime/date-core'
   import { rangeDays } from './datetime/date-selection'
   import type { CalendarPreset } from './createCalendar.svelte'
 

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

@@ -260,6 +260,13 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly isCellEditableAt: (rowIndex: number, colIndex: number) => boolean;
     readonly sortDirectionByColumn: Record<string, false | "asc" | "desc">;
     readonly groupingColumns: any;
+    readonly groupDisplayMode: import("./group-display").GroupDisplayType;
+    readonly groupColumnMode: boolean;
+    readonly autoGroupCell: (row: Row<TData>, columnId: string) => {
+        label: string;
+        count: number;
+        depth: number;
+    } | null;
     readonly paginationState: any;
     readonly externalPaginationEnabled: boolean;
     readonly paginationTotalRows: number;
@@ -413,6 +420,15 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly rowVirtualizationEnabled: boolean;
     readonly columnVirtualizationEnabled: boolean;
     readonly virtualRows: import("./index").VirtualItem[];
+    readonly autoRowHeightOn: boolean;
+    /** Svelte action: measure this row and report its natural height. */
+    readonly measureRowHeight: (node: HTMLElement, index: number) => {
+        update(next: number): void;
+        destroy(): void;
+    };
+    /** A row's measured height, or undefined before it has been measured.
+     *  The non-virtualized body reads this directly (it has no virtual item). */
+    readonly measuredRowHeightPx: (index: number) => number | undefined;
     readonly virtualRowTotalSize: number;
     readonly virtualRowStart: number;
     readonly virtualRowEnd: number;
@@ -469,7 +485,11 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly getCellDisplayValue: (rowId: string, columnId: string, baseValue: unknown) => any;
     readonly getColumnAlign: typeof getColumnAlign;
     readonly editorOptionsCache: Record<string, CellEditorOption[]>;
+    asyncEditorOptions: Record<string, CellEditorOption[]>;
+    readonly asyncEditorOptionsPending: Set<string>;
+    readonly asyncEditorColumns: Set<string>;
     readonly getColumnEditorOptions: (column: Column<TData>, row?: Row<TData> | null | undefined) => CellEditorOption[];
+    readonly areEditorOptionsLoading: (column: Column<TData>, row?: Row<TData> | null | undefined) => boolean;
     readonly formatListCellValue: (column: Column<TData>, value: unknown, row?: Row<TData> | null | undefined) => string;
     readonly formatCellValue: (column: Column<TData>, value: unknown, row: Row<TData>) => string;
     readonly getPinnedCellValue: typeof getPinnedCellValue;