@svgrid/grid 2.6.15 → 2.6.17

package/dist/themes/index.d.ts

@@ -69,7 +69,9 @@ export type ThemePreset = {
 };
 /** The built-in theme presets, in gallery order (SvGrid's own theme first). */
 export declare const themePresets: ThemePreset[];
-/** The default preset (used when nothing is chosen). */
+/** The default preset (used when nothing is chosen): Ember, the house theme the
+ *  demo gallery and svgrid.com open on, so a scaffolded or Studio-generated app
+ *  looks like the demos unless a preset is picked. */
 export declare const defaultThemePreset: ThemePreset;
 /** Look up a preset by id. */
 export declare const getThemePreset: (id?: string) => ThemePreset | undefined;

package/dist/themes/index.js

@@ -101,8 +101,10 @@ export const themePresets = [
         light: { bg: '#eff1f5', fg: '#4c4f69', muted: '#5c5f77', border: '#ccd0da', headerBg: '#e6e9ef', headerFg: '#4c4f69', accent: '#8839ef', rowAlt: '#e6e9ef', rowHover: '#dce0e8', selectionBg: '#dce0e8' },
         dark: { bg: '#1e1e2e', fg: '#cdd6f4', muted: '#a6adc8', border: '#313244', headerBg: '#181825', headerFg: '#cdd6f4', accent: '#cba6f7', rowAlt: '#1a1a28', rowHover: '#313244', selectionBg: '#45475a' } },
 ];
-/** The default preset (used when nothing is chosen). */
-export const defaultThemePreset = themePresets.find((t) => t.id === 'tailwind') ?? themePresets[0];
+/** The default preset (used when nothing is chosen): Ember, the house theme the
+ *  demo gallery and svgrid.com open on, so a scaffolded or Studio-generated app
+ *  looks like the demos unless a preset is picked. */
+export const defaultThemePreset = themePresets.find((t) => t.id === 'ember') ?? themePresets[0];
 /** Look up a preset by id. */
 export const getThemePreset = (id) => id ? themePresets.find((t) => t.id === id) : undefined;
 /** WCAG 2.1 relative luminance. */

package/dist/toast-store.svelte.js

@@ -1,4 +1,4 @@
-import { announce } from './a11y/live-region';
+import { announce } from './a11y/live-region.js';
 function createToastStore() {
     const toasts = $state([]);
     const timers = new Map();

package/dist/tree-select.d.ts

@@ -4,7 +4,7 @@
  * resolve the path from root to a value (for the trigger label). Framework-free
  * + pure so they are unit-tested directly.
  */
-import type { TreeSelectNode } from './ui-app.types';
+import type { TreeSelectNode } from './ui-app.types.js';
 export type FlatRow = {
     node: TreeSelectNode;
     depth: number;

package/dist/virtualization/column-virtualizer.d.ts

@@ -9,14 +9,14 @@ export declare function createColumnVirtualizer(input: {
 }): {
     setViewportWidth(viewportWidth: number): void;
     setHorizontalOffset(scrollOffset: number): void;
-    setOptions(next: Partial<import("./types").VirtualizerOptions>): void;
+    setOptions(next: Partial<import("./types.js").VirtualizerOptions>): void;
     setScrollOffset(scrollOffset: number): void;
     setViewportHeight(viewportHeight: number): void;
     scrollToIndex(index: number): void;
-    getVirtualItems(): import("./types").VirtualItem[];
+    getVirtualItems(): import("./types.js").VirtualItem[];
     getTotalSize(): number;
     getOffsetForIndex(index: number): number;
     getSizeForIndex(index: number): number;
-    getState(): import("./types").VirtualizerState;
+    getState(): import("./types.js").VirtualizerState;
     subscribe(listener: () => void): () => boolean;
 };

package/dist/virtualization/column-virtualizer.js

@@ -1,4 +1,4 @@
-import { createVirtualizer } from './virtualizer';
+import { createVirtualizer } from './virtualizer.js';
 export function createColumnVirtualizer(input) {
     const virtualizer = createVirtualizer({
         count: input.count,

package/dist/virtualization/svelte-virtualizer.svelte.d.ts

@@ -1,13 +1,13 @@
-import type { VirtualizerOptions } from './types';
+import type { VirtualizerOptions } from './types.js';
 export declare function createSvelteVirtualizer(options: VirtualizerOptions): {
     readonly version: number;
     setOptions: (next: Partial<VirtualizerOptions>) => void;
     setScrollOffset: (scrollOffset: number) => void;
     setViewportHeight: (viewportHeight: number) => void;
     scrollToIndex: (index: number) => void;
-    getVirtualItems: () => import("./types").VirtualItem[];
+    getVirtualItems: () => import("./types.js").VirtualItem[];
     getTotalSize: () => number;
     getOffsetForIndex: (index: number) => number;
     getSizeForIndex: (index: number) => number;
-    getState: () => import("./types").VirtualizerState;
+    getState: () => import("./types.js").VirtualizerState;
 };

package/dist/virtualization/svelte-virtualizer.svelte.js

@@ -1,4 +1,4 @@
-import { createVirtualizer } from './virtualizer';
+import { createVirtualizer } from './virtualizer.js';
 export function createSvelteVirtualizer(options) {
     const virtualizer = createVirtualizer(options);
     let version = $state(0);

package/dist/virtualization/virtualizer.d.ts

@@ -1,4 +1,4 @@
-import type { VirtualItem, VirtualizerOptions, VirtualizerState } from './types';
+import type { VirtualItem, VirtualizerOptions, VirtualizerState } from './types.js';
 type VirtualizerListener = () => void;
 /**
  * The window to render when no DOM measurement exists yet.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svgrid/grid",
-  "version": "2.6.15",
+  "version": "2.6.17",
   "description": "Svelte 5-native data grid and data table. Headless-first engine with virtual scrolling for 100k+ rows, Excel-style filtering, inline editing, grouping, tree data, pivot, and server-side data. Drop-in <SvGrid> component. TypeScript, SSR-ready.",
   "author": "jQWidgets <boikom@jqwidgets.com>",
   "license": "MIT",
@@ -34,7 +34,19 @@
     "headless",
     "headless-table",
     "virtual-scroll",
+    "virtual-scrolling",
+    "virtualization",
+    "sortable",
+    "filterable",
+    "pagination",
+    "tree-grid",
+    "pivot-table",
     "spreadsheet",
+    "ag-grid-alternative",
+    "tanstack-table",
+    "tanstack-table-alternative",
+    "svelte-headless-table",
+    "svelte-headless-table-alternative",
     "typescript",
     "svgrid"
   ],
@@ -104,15 +116,6 @@
     "themes",
     "CHANGELOG.md"
   ],
-  "scripts": {
-    "clean": "rimraf ./build && rimraf ./dist",
-    "test:eslint": "eslint ./src",
-    "test:types": "svelte-check --tsconfig ./tsconfig.json",
-    "test:lib": "vitest run --coverage",
-    "test:build": "publint --strict",
-    "build": "svelte-package --input ./src --output ./dist && node ../../tools/strip-dist-tests.mjs ./dist && node ./scripts/build-cdn.mjs && node ./scripts/build-themes.mjs",
-    "lint": "eslint ./src"
-  },
   "devDependencies": {
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
@@ -126,5 +129,14 @@
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
+  },
+  "scripts": {
+    "clean": "rimraf ./build && rimraf ./dist",
+    "test:eslint": "eslint ./src",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "test:lib": "vitest run --coverage",
+    "test:build": "publint --strict",
+    "build": "svelte-package --input ./src --output ./dist && node ../../tools/strip-dist-tests.mjs ./dist && node ../../tools/add-dist-extensions.mjs ./dist && node ./scripts/build-cdn.mjs && node ./scripts/build-themes.mjs",
+    "lint": "eslint ./src"
   }
-}
+}

package/src/FlexRender.svelte

@@ -1,96 +1,96 @@
-<script
-  lang="ts"
-  generics="TData extends RowData"
->
-  import { isFunction } from './core'
-  import {
-    RenderComponentConfig,
-    RenderSnippetConfig,
-  } from './render-component'
-  import type {
-    Cell,
-    CellContext,
-    ColumnDefTemplate,
-    Header,
-    HeaderContext,
-    RowData,
-  } from './core'
-
-  type Props =
-    | {
-        content?: ColumnDefTemplate<
-          | HeaderContext<TData>
-          | CellContext<TData>
-        >
-        context:
-          | HeaderContext<TData>
-          | CellContext<TData>
-        cell?: never
-        header?: never
-        footer?: never
-      }
-    | {
-        cell: Cell<TData>
-        content?: never
-        context?: never
-        header?: never
-        footer?: never
-      }
-    | {
-        header: Header<TData>
-        content?: never
-        context?: never
-        cell?: never
-        footer?: never
-      }
-    | {
-        footer: Header<TData>
-        content?: never
-        context?: never
-        cell?: never
-        header?: never
-      }
-
-  let props: Props = $props()
-
-  const resolved = $derived.by(() => {
-    if ('cell' in props && props.cell) {
-      return {
-        content: props.cell.column.columnDef.cell,
-        context: props.cell.getContext(),
-      }
-    }
-    if ('header' in props && props.header) {
-      return {
-        content: props.header.column.columnDef.header,
-        context: props.header.getContext(),
-      }
-    }
-    if ('footer' in props && props.footer) {
-      return {
-        content: props.footer.column.columnDef.footer,
-        context: props.footer.getContext(),
-      }
-    }
-    return {
-      content: props.content,
-      context: props.context,
-    }
-  })
-
-  const result = $derived(
-    isFunction(resolved.content)
-      ? resolved.content(resolved.context as any)
-      : undefined,
-  )
-</script>
-
-{#if typeof resolved.content === 'string'}
-  {resolved.content}
-{:else if result instanceof RenderComponentConfig}
-  <result.component {...result.props} />
-{:else if result instanceof RenderSnippetConfig}
-  {@render result.snippet(result.params)}
-{:else if result !== undefined}
-  {result}
-{/if}
+<script
+  lang="ts"
+  generics="TData extends RowData"
+>
+  import { isFunction } from './core'
+  import {
+    RenderComponentConfig,
+    RenderSnippetConfig,
+  } from './render-component'
+  import type {
+    Cell,
+    CellContext,
+    ColumnDefTemplate,
+    Header,
+    HeaderContext,
+    RowData,
+  } from './core'
+
+  type Props =
+    | {
+        content?: ColumnDefTemplate<
+          | HeaderContext<TData>
+          | CellContext<TData>
+        >
+        context:
+          | HeaderContext<TData>
+          | CellContext<TData>
+        cell?: never
+        header?: never
+        footer?: never
+      }
+    | {
+        cell: Cell<TData>
+        content?: never
+        context?: never
+        header?: never
+        footer?: never
+      }
+    | {
+        header: Header<TData>
+        content?: never
+        context?: never
+        cell?: never
+        footer?: never
+      }
+    | {
+        footer: Header<TData>
+        content?: never
+        context?: never
+        cell?: never
+        header?: never
+      }
+
+  let props: Props = $props()
+
+  const resolved = $derived.by(() => {
+    if ('cell' in props && props.cell) {
+      return {
+        content: props.cell.column.columnDef.cell,
+        context: props.cell.getContext(),
+      }
+    }
+    if ('header' in props && props.header) {
+      return {
+        content: props.header.column.columnDef.header,
+        context: props.header.getContext(),
+      }
+    }
+    if ('footer' in props && props.footer) {
+      return {
+        content: props.footer.column.columnDef.footer,
+        context: props.footer.getContext(),
+      }
+    }
+    return {
+      content: props.content,
+      context: props.context,
+    }
+  })
+
+  const result = $derived(
+    isFunction(resolved.content)
+      ? resolved.content(resolved.context as any)
+      : undefined,
+  )
+</script>
+
+{#if typeof resolved.content === 'string'}
+  {resolved.content}
+{:else if result instanceof RenderComponentConfig}
+  <result.component {...result.props} />
+{:else if result instanceof RenderSnippetConfig}
+  {@render result.snippet(result.params)}
+{:else if result !== undefined}
+  {result}
+{/if}