@svgrid/grid 2.2.32 → 2.2.33

package/src/SvGridChart.svelte

@@ -213,15 +213,7 @@
     return { t0: zoom.i0 / n, t1: (zoom.i1 + 1) / n }
   })
 
-  /** Map a brush-svg-local x to a category index in the FULL data range. */
-  function brushXToIndex(localX: number): number {
-    if (!brushGeo) return 0
-    const w = brushGeo.plot.w
-    const x = Math.max(0, Math.min(w, localX - brushGeo.plot.x))
-    const n = spec.categories.length
-    return Math.max(0, Math.min(n - 1, Math.floor((x / w) * n)))
-  }
-  type BrushDrag = { mode: 'move' | 'left' | 'right'; startX: number; startT0: number; startT1: number }
+  type BrushDrag ={ mode: 'move' | 'left' | 'right'; startX: number; startT0: number; startT1: number }
   let brushDrag = $state<BrushDrag | null>(null)
   function brushSvgX(e: PointerEvent, svg: SVGSVGElement): number {
     const r = svg.getBoundingClientRect()
@@ -919,7 +911,7 @@
     {#if isRadar && geo.radarCenter}
       {@const c = geo.radarCenter}
       <!-- Concentric grid rings -->
-      {#each geo.radarRings as v, ri (ri)}
+      {#each geo.radarRings as _v, ri (ri)}
         {@const ringR = c.r * ((ri + 1) / geo.radarRings.length)}
         <circle class="sv-grid-chart-radar-ring" cx={c.cx} cy={c.cy} r={ringR} />
       {/each}

package/src/SvGridSelect.svelte

@@ -53,8 +53,6 @@
     labelField,
     value = $bindable<string | number | null>(null),
     onChange,
-    onCommit,
-    onCancel,
     placeholder = 'Select…',
     searchable = true,
     loadOptions,

package/src/SvKbd.svelte

@@ -21,7 +21,7 @@
 
 {#if keys}
   <span class="sv-kbd-group sv-kbd--{size}">
-    {#each keys as k, i}
+    {#each keys as k, i (i)}
       {#if i > 0}<span class="sv-kbd__sep" aria-hidden="true">{separator}</span>{/if}
       <kbd class="sv-kbd">{k}</kbd>
     {/each}

package/src/SvList.svelte

@@ -37,7 +37,7 @@
   {#if children}
     {@render children()}
   {:else if items}
-    {#each items as item}<li>{item}</li>{/each}
+    {#each items as item, i (i)}<li>{item}</li>{/each}
   {/if}
 </svelte:element>
 

package/src/SvMenubar.svelte

@@ -41,7 +41,7 @@
   const resolvedDir = $derived(dir === 'ltr' || dir === 'rtl' ? dir : undefined)
   const rtl = $derived(resolvedDir === 'rtl')
 
-  let triggerEls = $state<(HTMLButtonElement | null)[]>([])
+  const triggerEls = $state<(HTMLButtonElement | null)[]>([])
   let panelEl = $state<HTMLDivElement | null>(null)
   let openIndex = $state(-1)
   let activeIndex = $state(0)

package/src/SvMultiSelect.svelte

@@ -50,7 +50,6 @@
     value = $bindable<ReadonlyArray<string | number>>([]),
     onChange,
     onCommit,
-    onCancel,
     placeholder = 'Select…',
     searchable = true,
     maxTagCount = 3,

package/src/SvOtpInput.svelte

@@ -52,7 +52,7 @@
   const autoId = nextEditorId('sv-otp')
   const uid = $derived(id ?? autoId)
   const cells = $derived(otpCells(sanitizeOtp(value, length, numeric), length))
-  let inputs = $state<HTMLInputElement[]>([])
+  const inputs = $state<HTMLInputElement[]>([])
 
   function commit(next: string) {
     const clean = sanitizeOtp(next, length, numeric)

package/src/SvRichText.svelte

@@ -90,6 +90,10 @@
   // (writing innerHTML while focused would collapse the caret).
   $effect(() => {
     const v = value ?? ''
+    // A contenteditable owns its own DOM: letting Svelte re-render the body
+    // would wipe the caret mid-typing, so the value is pushed in by hand and
+    // only while the editor is unfocused.
+    // eslint-disable-next-line svelte/no-dom-manipulating
     if (editorEl && !focused && editorEl.innerHTML !== v) editorEl.innerHTML = v
     if (editorEl) empty = editorEl.textContent!.trim().length === 0
   })

package/src/SvTour.svelte

@@ -156,6 +156,10 @@
     >
       {#if step.image}
         <div class="sv-tour__media">
+          <!-- A step's `image` is either a URL (rendered as an img above) or
+               inline SVG markup the app author wrote for its own tour - never
+               user input, so rendering it as markup is the intent. -->
+          <!-- eslint-disable-next-line svelte/no-at-html-tags -->
           {#if /^(https?:|data:|\/)/.test(step.image)}<img class="sv-tour__img" src={step.image} alt="" />{:else}{@html step.image}{/if}
         </div>
       {/if}

package/src/SvTreeSelect.svelte

@@ -36,8 +36,6 @@
     nodes,
     value = $bindable<string | number | null>(null),
     onChange,
-    onCommit,
-    onCancel,
     placeholder = 'Select…',
     showPath = false,
     expandedIds = [],

package/src/ai.test.ts

@@ -1,4 +1,4 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { afterEach, beforeEach, describe, expect, it } from 'vitest'
 import {
   setAIProvider, getAIProvider, hasAIProvider,
   mockAIProvider,

package/src/build-api.ts

@@ -2,52 +2,12 @@
 // reading/writing controller state via the `ctx` handle; the reactive core
 // ($state/$derived/$effect) stays in the controller.
 import {
-  applyExcelFilter,
-  normalizeForFilter,
-  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 { untrack } from "svelte";
-import type { Snippet } from "svelte";
-import { getKeyboardIntent, getNextActiveCell } from "./keyboard";
-import {
-  formatNumericWithConfig,
-  getDateFormatter,
-  resolveDatePattern,
-} from "./cell-formatting";
 // The export serializers load lazily (their own chunk) so export-format.ts stays
 // out of the base bundle - it is fetched only when an export/copy method is
 // actually invoked (an explicit, already-async user action).
@@ -57,77 +17,12 @@ import type {
   GridExportOptions,
   GridClipboardOptions,
 } from "./export-format";
-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 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 { createClipboard } from "./clipboard";
-import {
-  filterOperatorOptions,
-  fallbackOperatorOption,
-  TEXT_OPERATORS,
-  NUMBER_OPERATORS,
-  DATE_OPERATORS,
-  CHECKBOX_OPERATORS,
-  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";
 

package/src/cell-formatting.test.ts

@@ -158,7 +158,7 @@ describe('getDateFormatter', () => {
 
 describe('formatNumericWithConfig - number', () => {
   it('formats a basic integer with default locale', () => {
-    expect(formatNumericWithConfig(1234, { type: 'number' })).toMatch(/1[\.,]?234/)
+    expect(formatNumericWithConfig(1234, { type: 'number' })).toMatch(/1[.,]?234/)
   })
 
   it('respects locale grouping and decimal separators', () => {

package/src/cell-render.ts

@@ -2,127 +2,33 @@
 // reading/writing controller state via the `ctx` handle; the reactive core
 // ($state/$derived/$effect) stays in the controller.
 import {
-  applyExcelFilter,
-  normalizeForFilter,
-  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 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 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 { createEditing } from "./editing";
-import { createSelection } from "./selection";
-import { createColumns } from "./columns";
-import { createGridApi } from "./build-api";
-import { createClipboard } from "./clipboard";
-import {
-  filterOperatorOptions,
-  fallbackOperatorOption,
-  TEXT_OPERATORS,
-  NUMBER_OPERATORS,
-  DATE_OPERATORS,
-  CHECKBOX_OPERATORS,
-  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";
 
 export function createCellRender<

package/src/chart.ts

@@ -38,7 +38,6 @@ export type SeriesOverlay = 'linear' | `sma:${number}` | `ema:${number}`
 export type SeriesPattern = 'solid' | 'stripe' | 'crosshatch' | 'dots' | 'diagonal'
 /** Cycle used when `ChartSpec.patternFallback` is true and a series has no
  *  explicit `pattern` set. Skips `'solid'` so every series gets a texture. */
-const PATTERN_CYCLE: SeriesPattern[] = ['stripe', 'crosshatch', 'dots', 'diagonal']
 
 export type ChartSeries = {
   label: string
@@ -2254,7 +2253,7 @@ export function rowsToChartSpec<T extends Record<string, unknown>>(
     entries.reduce((sum, e) => sum + (Number.isFinite(e.values[i]!) ? e.values[i]! : 0), 0),
   )
   const sort = opts.sort ?? (opts.topN ? 'value-desc' : 'none')
-  let order = categories.map((_, i) => i)
+  const order = categories.map((_, i) => i)
   if (sort === 'value-desc') order.sort((a, b) => totals[b]! - totals[a]!)
   else if (sort === 'value-asc') order.sort((a, b) => totals[a]! - totals[b]!)
   else if (sort === 'category') order.sort((a, b) => categories[a]!.localeCompare(categories[b]!))

package/src/clipboard.ts

@@ -2,122 +2,20 @@
 // that read/write controller state via the `ctx` handle; the reactive core
 // ($state/$derived/$effect) stays in the controller.
 import {
-  applyExcelFilter,
-  normalizeForFilter,
-  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 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 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 {
-  filterOperatorOptions,
-  fallbackOperatorOption,
-  TEXT_OPERATORS,
-  NUMBER_OPERATORS,
-  DATE_OPERATORS,
-  CHECKBOX_OPERATORS,
-  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";
 
 export function createClipboard<

package/src/columns.ts

@@ -2,125 +2,10 @@
 // reading/writing controller state via the `ctx` handle; the reactive core
 // ($state/$derived/$effect) stays in the controller.
 import {
-  applyExcelFilter,
-  normalizeForFilter,
-  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 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 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 { createGridApi } from "./build-api";
-import { createClipboard } from "./clipboard";
-import {
-  filterOperatorOptions,
-  fallbackOperatorOption,
-  TEXT_OPERATORS,
-  NUMBER_OPERATORS,
-  DATE_OPERATORS,
-  CHECKBOX_OPERATORS,
-  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";
 
 export function createColumns<
   TFeatures extends TableFeatures = TableFeatures,

package/src/createMenu.svelte.ts

@@ -66,7 +66,6 @@ export type MenuItemProps = {
   onclick: () => void
 }
 
-let uid = 0
 
 export function createMenu(config: MenuConfig) {
   const items = () => config.items()