@svgrid/grid 2.6.16 → 2.6.18

package/dist/SvGrid.controller.svelte.js

@@ -1,33 +1,33 @@
-import { applyGroupAggregate, applyRowPredicate, compileExcelFilter, getAdvancedFilterEngine, normalizeForFilter, createColumnVirtualizer, createCoreRowModel, createExpandedRowModel, createFilteredRowModel, createGroupedRowModel, createTreeRowModel, createSvelteVirtualizer, createSortedRowModel, createSvGrid, getGridCellDomId, sortFns, } from "./index";
-import { createRowScrollScaling, resolveMaxDomHeight, } from "./virtualization/scroll-scaling";
-import { buildPreMeasureItems } from "./virtualization/virtualizer";
-import "./sv-grid-scrollbar";
-import { computeColumnStat, formatsNeedingStats, formatNeedsStats, } from "./conditional-formatting";
-import { rawToNumber, } from "./SvGrid.helpers";
-import { createFeatures } from "./features";
-import { createScrollSync, } from "./scroll-sync";
-import { createKeyboard, } from "./keyboard-handlers";
-import { createSummaries, } from "./summaries";
-import { createMenus, } from "./menus";
-import { createCellRender, } from "./cell-render";
-import { createEditing, } from "./editing";
-import { createSelection, } from "./selection";
-import { createColumns, } from "./columns";
-import { createRowDrag, } from "./row-drag";
-import { createAlignedGrids, } from "./aligned-grids";
-import { resolveColumnTypes, } from "./column-types";
-import { computeColumnGroupMeta, hiddenLeavesForCollapse, } from "./column-groups";
-import { resolveColumnId } from "./column-id";
-import { buildAutoGroupColumns, insertGroupFooters, paginateGroupedRows } from "./group-display";
-import { createGridApi, } from "./build-api";
-import { createClipboard, } from "./clipboard";
-import { resolveGridMessages } from "./grid-messages";
-import { announce } from "./a11y/live-region";
-import { filterAnnouncement, selectionAnnouncement, } from "./a11y/grid-announcements";
-import { getPivotEngine, hasPivotEngine } from "./pivot-view.svelte";
-import { filterOperatorOptions, fallbackOperatorOption, TEXT_OPERATORS, NUMBER_OPERATORS, DATE_OPERATORS, CHECKBOX_OPERATORS, operatorOption, operatorsForColumn, defaultOperatorFor, operatorLabelFor, } from "./filter-operators";
-import { isBucketableColumn, buildBuckets, isInBucket, } from "./facet-buckets";
-import { getColumnBaseValue, isGroupRow, toolPanelHeaderLabel, formatSummaryNumeric, getColumnAlign, getPinnedCellValue, getColumnAccessorValue, columnDefMatchesId, } from "./cell-values";
+import { applyGroupAggregate, applyRowPredicate, compileExcelFilter, getAdvancedFilterEngine, normalizeForFilter, createColumnVirtualizer, createCoreRowModel, createExpandedRowModel, createFilteredRowModel, createGroupedRowModel, createTreeRowModel, createSvelteVirtualizer, createSortedRowModel, createSvGrid, getGridCellDomId, sortFns, } from "./index.js";
+import { createRowScrollScaling, resolveMaxDomHeight, } from "./virtualization/scroll-scaling.js";
+import { buildPreMeasureItems } from "./virtualization/virtualizer.js";
+import "./sv-grid-scrollbar.js";
+import { computeColumnStat, formatsNeedingStats, formatNeedsStats, } from "./conditional-formatting.js";
+import { rawToNumber, } from "./SvGrid.helpers.js";
+import { createFeatures } from "./features.js";
+import { createScrollSync, } from "./scroll-sync.js";
+import { createKeyboard, } from "./keyboard-handlers.js";
+import { createSummaries, } from "./summaries.js";
+import { createMenus, } from "./menus.js";
+import { createCellRender, } from "./cell-render.js";
+import { createEditing, } from "./editing.js";
+import { createSelection, } from "./selection.js";
+import { createColumns, } from "./columns.js";
+import { createRowDrag, } from "./row-drag.js";
+import { createAlignedGrids, } from "./aligned-grids.js";
+import { resolveColumnTypes, } from "./column-types.js";
+import { computeColumnGroupMeta, hiddenLeavesForCollapse, } from "./column-groups.js";
+import { resolveColumnId } from "./column-id.js";
+import { buildAutoGroupColumns, insertGroupFooters, paginateGroupedRows } from "./group-display.js";
+import { createGridApi, } from "./build-api.js";
+import { createClipboard, } from "./clipboard.js";
+import { resolveGridMessages } from "./grid-messages.js";
+import { announce } from "./a11y/live-region.js";
+import { filterAnnouncement, selectionAnnouncement, } from "./a11y/grid-announcements.js";
+import { getPivotEngine, hasPivotEngine } from "./pivot-view.svelte.js";
+import { filterOperatorOptions, fallbackOperatorOption, TEXT_OPERATORS, NUMBER_OPERATORS, DATE_OPERATORS, CHECKBOX_OPERATORS, operatorOption, operatorsForColumn, defaultOperatorFor, operatorLabelFor, } from "./filter-operators.js";
+import { isBucketableColumn, buildBuckets, isInBucket, } from "./facet-buckets.js";
+import { getColumnBaseValue, isGroupRow, toolPanelHeaderLabel, formatSummaryNumeric, getColumnAlign, getPinnedCellValue, getColumnAccessorValue, columnDefMatchesId, } from "./cell-values.js";
 import { untrack } from "svelte";
 /**
  * Conservative fallback for the browser's max element height, used during SSR
@@ -399,7 +399,12 @@ export function createSvGridController(rawProps, domIdBase) {
     const showRowSelectionEffective = $derived(props.showRowSelection ??
         ((props.selectionMode ?? "both") === "row" ||
             (props.selectionMode ?? "both") === "both"));
-    const enableCellSelectionEffective = $derived(props.enableCellSelection ??
+    // `selectable` is the shortcut alias, so it wins over the fine-grained prop,
+    // which in turn wins over `selectionMode` - the same precedence the other
+    // shortcuts use. Unlike them it starts ON (selectionMode defaults to 'both'),
+    // so its real work is `selectable={false}`.
+    const enableCellSelectionEffective = $derived(props.selectable ??
+        props.enableCellSelection ??
         ((props.selectionMode ?? "both") === "cell" ||
             (props.selectionMode ?? "both") === "both"));
     // Internal source-of-truth for data and column defs. Seeded from props and
@@ -1766,7 +1771,7 @@ export function createSvGridController(rawProps, domIdBase) {
     let chartEngine = $state(null);
     $effect(() => {
         if (chartingEnabled && !chartEngine)
-            import("./chart").then((m) => (chartEngine = m.rowsToChartSpec));
+            import("./chart.js").then((m) => (chartEngine = m.rowsToChartSpec));
     });
     const chartSpec = $derived.by(() => {
         if (!chartingEnabled || !chartCfg)
@@ -2180,7 +2185,50 @@ export function createSvGridController(rawProps, domIdBase) {
     // before the grid ever appears. Smaller grids compute inline so the
     // footer is correct on the first frame (no flicker).
     const SUMMARY_DEFER_CELL_LIMIT = 50000;
-    let summaryByColumn = $state({});
+    /** Deferred summaries for a grid too big to total inline. A grid under the
+     *  cell limit is handled by `eagerSummaries` below - synchronously, so the
+     *  totals are in the SERVER-rendered footer too. */
+    let deferredSummaries = $state({});
+    /**
+     * The aggregator, handed over once `createSummaries(ctx)` has run - it needs
+     * `ctx`, which cannot exist this early. Held in `$state` so `eagerSummaries`
+     * recomputes when it lands.
+     *
+     * The whole dance is to keep the declaration ABOVE `ctx`: a `$derived`
+     * referenced before its declaration is mis-compiled (the binding is dropped
+     * and the `ctx` getter comes out with an empty body, so the footer read
+     * `undefined` and threw on the first column id).
+     */
+    let summarize = $state(null);
+    /**
+     * Footer totals for a grid small enough to aggregate inline, derived rather
+     * than assigned from an `$effect`.
+     *
+     * Effects never run during SSR, so when the totals lived only in the effect
+     * the server emitted a summary row of EMPTY cells: the numbers appeared only
+     * after hydration (a visible pop-in), and never at all for a reader with
+     * JavaScript off - while the row still took up space and drew its border.
+     * A `$derived` runs on the server too, so the totals ship with the HTML.
+     *
+     * `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(() => {
+        if (!summarize)
+            return null;
+        if (!(props.enableRowSummaries ?? true))
+            return null;
+        const rows = allRows;
+        const columns = allColumns;
+        if (rows.length * columns.length > SUMMARY_DEFER_CELL_LIMIT)
+            return null;
+        // `computeSummaries` reads `editedCellValues` through `ctx`, so an inline
+        // edit re-runs this too.
+        return summarize(rows, columns);
+    });
+    /** What the footer renders: the inline totals when the grid is small enough,
+     *  otherwise the rAF-deferred ones. */
+    const summaryByColumn = $derived(eagerSummaries ?? deferredSummaries);
     $effect(() => {
         // Re-aggregate whenever the data / columns / edits change. We depend on
         // `allRows` / `allColumns` / `editedCellValues` DIRECTLY - not the
@@ -2194,19 +2242,20 @@ export function createSvGridController(rawProps, domIdBase) {
         const rows = allRows;
         const columns = allColumns;
         if (!(props.enableRowSummaries ?? true)) {
-            summaryByColumn = {};
+            deferredSummaries = {};
             return;
         }
         if (rows.length * columns.length <= SUMMARY_DEFER_CELL_LIMIT ||
             typeof requestAnimationFrame === "undefined") {
-            summaryByColumn = computeSummaries(rows, columns);
+            // Small enough to total inline - `eagerSummaries` already did, and it
+            // wins in the getter, so there is nothing to recompute here.
             return;
         }
         // Large grid: paint first, total a frame later.
         let cancelled = false;
         const handle = requestAnimationFrame(() => {
             if (!cancelled)
-                summaryByColumn = computeSummaries(rows, columns);
+                deferredSummaries = computeSummaries(rows, columns);
         });
         return () => {
             cancelled = true;
@@ -2409,18 +2458,39 @@ export function createSvGridController(rawProps, domIdBase) {
     // width/height stays in sync. Always attached (window resize / parent
     // layout shift / sidebar collapse can change the size whether the
     // consumer passed a numeric or "100%" containerHeight).
-    /** True after the first ResizeObserver tick - i.e. once the grid has
-     *  measured its real container size and `fitColumns` has had a chance
-     *  to scale the columns to that width. Used to gate the scrollbar
-     *  visibility: rendering it before this flips paints a horizontal
-     *  scrollbar for ONE frame (based on the base column widths summing
-     *  larger than the viewport), then immediately hides it once fit
-     *  scaling kicks in - visible as a "flashing horizontal scrollbar"
-     *  every time a demo first loads. */
+    /** True once the grid has measured its real container size and `fitColumns`
+     *  has had a chance to scale the columns to that width. Gates the scrollbar
+     *  visibility, the scrollbar gutter on a trailing right-aligned column and
+     *  the top pager: rendering those before this flips paints a horizontal
+     *  scrollbar for ONE frame (based on the base column widths summing larger
+     *  than the viewport), then immediately hides it once fit scaling kicks in -
+     *  visible as a "flashing horizontal scrollbar" every time a demo first
+     *  loads. */
     let hasMeasured = $state(false);
     $effect(() => {
         if (!scrollContainer)
             return;
+        // Measure SYNCHRONOUSLY here, not just from the observer below. Effects run
+        // after the DOM is in place but before the browser paints, so reading the
+        // container now lets the very first painted frame already carry the
+        // scrollbars, the fit-scaled column widths, the 16px gutter on a trailing
+        // right-aligned column and the top pager (which has a `border-top`).
+        // `observeSizeRaf` has to defer its callback by a frame (or the
+        // ResizeObserver re-notifies within one delivery cycle), so relying on it
+        // alone guarantees one painted frame in the unmeasured state - a visible
+        // flash on EVERY mount, and therefore on every navigation in an app that
+        // recreates the grid (e.g. a `{#key}` around it, or a route that remounts).
+        // `untrack` keeps the writes below from making this effect depend on
+        // `viewportVersion` (it would then re-run and re-attach the observer).
+        untrack(() => {
+            // A zero-height container means the grid is not laid out yet (hidden
+            // ancestor, `display: none`); leave it unmeasured and let the observer
+            // flip it when the box becomes real.
+            if (scrollContainer && scrollContainer.clientHeight > 0) {
+                viewportVersion += 1;
+                hasMeasured = true;
+            }
+        });
         return observeSizeRaf(scrollContainer, () => {
             viewportVersion += 1;
             if (!hasMeasured)
@@ -3225,7 +3295,6 @@ export function createSvGridController(rawProps, domIdBase) {
         get computeSummaries() { return computeSummaries; },
         get SUMMARY_DEFER_CELL_LIMIT() { return SUMMARY_DEFER_CELL_LIMIT; },
         get summaryByColumn() { return summaryByColumn; },
-        set summaryByColumn(v) { summaryByColumn = v; },
         get hasMeasured() { return hasMeasured; },
         set hasMeasured(v) { hasMeasured = v; },
         get scrollBottomArmed() { return scrollBottomArmed; },
@@ -3379,6 +3448,9 @@ export function createSvGridController(rawProps, domIdBase) {
     const { showTooltipFor, hideTooltip, flushScheduledScrollSync, scheduleScrollSync, onBodyScroll } = createScrollSync(ctx);
     const { onGridKeyDown, onWindowKeydown, onHeaderSortClick } = createKeyboard(ctx);
     const { computeSummaries, hasRenderedColumn } = createSummaries(ctx);
+    // Hand the aggregator to `eagerSummaries` (declared above `ctx`, which this
+    // needs). Plain assignment during init - no effect, so SSR gets it too.
+    summarize = computeSummaries;
     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);

package/dist/SvGrid.css

@@ -2495,13 +2495,53 @@ select.sv-grid-fr-editor {
   border-radius: 5px;
   background: var(--sg-input-bg, #fff);
 }
-.sv-grid-pagination-pagesize-dd .sv-grid-dropdown,
-.sv-grid-pagination-pagesize-dd .sv-grid-dropdown-trigger {
+/* The closed page-size trigger is plain markup until the real SvGridDropdown
+   chunk loads on the first click (GridFooter.svelte keeps that component lazy).
+   SvGridDropdown's own trigger rules are scoped to the component, so they never
+   reach the placeholder - it needs the same box here, or the pager shows a
+   stock <button> (UA border + padding, hugging the left) until the first click.
+   Keep these in step with the .sv-grid-dropdown* rules in SvGridDropdown.svelte. */
+.sv-grid-pagination-pagesize-dd .sv-grid-dropdown {
+  position: absolute;
+  inset: 0;
+  height: 100%;
   background: transparent;
   border-radius: 5px;
   font-size: 13px;
   color: var(--sg-fg, #0f172a);
 }
+.sv-grid-pagination-pagesize-dd .sv-grid-dropdown-trigger {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  height: 100%;
+  min-height: 28px;
+  padding: 0 8px;
+  border: 0;
+  outline: none;
+  border-radius: 5px;
+  background: transparent;
+  color: var(--sg-fg, #0f172a);
+  font: inherit;
+  font-size: 13px;
+  text-align: start;
+  cursor: pointer;
+  box-sizing: border-box;
+}
+.sv-grid-pagination-pagesize-dd .sv-grid-dropdown-label {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.sv-grid-pagination-pagesize-dd .sv-grid-dropdown-caret {
+  flex: 0 0 auto;
+  font-size: 10px;
+  opacity: 0.7;
+  line-height: 1;
+}
 .sv-grid-pagination-pagesize-dd:focus-within {
   border-color: var(--sg-accent, #2563eb);
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--sg-accent, #2563eb) 30%, transparent);

package/dist/SvGrid.helpers.d.ts

@@ -1,5 +1,5 @@
-import type { CellEditorType, CellEditorOption } from "./index";
-import type { ResolvedCellFormat } from "./conditional-formatting";
+import type { CellEditorType, CellEditorOption } from "./index.js";
+import type { ResolvedCellFormat } from "./conditional-formatting.js";
 export declare function cfTextStyle(cf: ResolvedCellFormat): string;
 export declare function fmtStat(n: number): string;
 export declare function getCellKey(rowId: string, columnId: string): string;

package/dist/SvGrid.svelte.d.ts

@@ -1,7 +1,7 @@
-import { type RowData, type TableFeatures } from "./index";
-import "./sv-grid-scrollbar";
+import { type RowData, type TableFeatures } from "./index.js";
+import "./sv-grid-scrollbar.js";
 import "./SvGrid.css";
-import type { Props } from "./SvGrid.types";
+import type { Props } from "./SvGrid.types.js";
 declare function $$render<TFeatures extends TableFeatures = TableFeatures, TData extends RowData = RowData>(): {
     props: Props<TFeatures, TData>;
     exports: {};

package/dist/SvGrid.types.d.ts

@@ -1,10 +1,10 @@
 import type { Snippet } from "svelte";
-import type { CellEditorType, ColumnDef, RowData, SvGridApi, TableFeatures } from "./index";
-import type { ConditionalFormat } from "./conditional-formatting";
-import type { GroupDisplayType } from "./group-display";
-import type { GridMessages } from "./grid-messages";
-import type { GridPivotConfig } from "./pivot-view.svelte";
-import type { GridPredicateExpr } from "./filtering/predicate-expr";
+import type { CellEditorType, ColumnDef, RowData, SvGridApi, TableFeatures } from "./index.js";
+import type { ConditionalFormat } from "./conditional-formatting.js";
+import type { GroupDisplayType } from "./group-display.js";
+import type { GridMessages } from "./grid-messages.js";
+import type { GridPivotConfig } from "./pivot-view.svelte.js";
+import type { GridPredicateExpr } from "./filtering/predicate-expr.js";
 import type { MenuItem } from "./SvMenuList.svelte";
 /** The calendar views the scheduler can render. {@link SchedulerConfig}. The
  *  `timeline*` views are horizontal: time runs left→right and resources are
@@ -51,7 +51,7 @@ export type SchedulerResource = {
         }>;
     }>;
 };
-import type { ChartType, ChartSpec, ChartAnnotation, ChartReferenceLine, ChartValueFormat } from "./chart";
+import type { ChartType, ChartSpec, ChartAnnotation, ChartReferenceLine, ChartValueFormat } from "./chart.js";
 /** One aggregated bucket returned by a server-side `getAggregate`. */
 export type ChartAggregateBucket = {
     category: string;
@@ -984,6 +984,7 @@ export type Props<TFeatures extends TableFeatures = TableFeatures, TData extends
      *   `sortable`   - column sorting       (injects `rowSortingFeature`)
      *   `filterable` - column filtering     (injects `columnFilteringFeature`)
      *   `editable`   - inline cell editing  (alias of `enableInlineEditing`)
+     *   `selectable` - cell selection       (alias of `enableCellSelection`)
      *   `groupable`  - row grouping controls(alias of `showGroupingControls`,
      *                  also injects `columnGroupingFeature`)
      *   `pageable`   - pagination footer    (alias of `showPagination`)
@@ -994,6 +995,26 @@ export type Props<TFeatures extends TableFeatures = TableFeatures, TData extends
     sortable?: boolean;
     filterable?: boolean;
     editable?: boolean;
+    /**
+     * Cell selection - click a cell to select it, drag or shift-click to extend
+     * the selection to a range. Alias of `enableCellSelection`, and the highest
+     * priority of the three inputs that decide it:
+     * `selectable` -> `enableCellSelection` -> `selectionMode`.
+     *
+     * NOTE the asymmetry with its siblings, which are all off until you opt in:
+     * this one is **ON by default**, because `selectionMode` defaults to
+     * `'both'`. It is named here so the capability is discoverable next to the
+     * other shortcuts, and so `selectable={false}` is a one-word way to turn
+     * cell selection off (the longhand being `selectionMode="none"`, which also
+     * removes the row-selection surface).
+     *
+     * This is the CELL surface only. The selection **checkbox column** is the
+     * other half of `selectionMode`, controlled by `showRowSelection` - also on
+     * by default, and it needs no feature import (verified: the column renders
+     * and toggles rows with an empty `features` set). Use `selectionMode` when
+     * you want to move both surfaces at once.
+     */
+    selectable?: boolean;
     /**
      * Client-side tree data: nest rows into a hierarchy by parent id.
      *

package/dist/SvGridCellEditor.svelte.d.ts

@@ -12,8 +12,8 @@
    * and a static import from anywhere reachable by SvGrid.svelte has silently
    * defeated a lazy boundary in this codebase before.
    */
-import { type Column, type Row, type RowData, type TableFeatures } from "./index";
-import type { SvGridController } from "./SvGrid.controller.svelte";
+import { type Column, type Row, type RowData, type TableFeatures } from "./index.js";
+import type { SvGridController } from "./SvGrid.controller.svelte.js";
 declare function $$render<TFeatures extends TableFeatures = TableFeatures, TData extends RowData = RowData>(): {
     props: {
         ctrl: SvGridController<TFeatures, TData>;

package/dist/SvGridChart.svelte.d.ts

@@ -6,7 +6,7 @@
    * focus tooltips, a clickable legend that toggles series, optional data
    * labels, and an `onSelect` drill hook. No external charting dependency.
    */
-import { type ChartSpec, type ChartSelection } from './chart';
+import { type ChartSpec, type ChartSelection } from './chart.js';
 type Props = {
     spec: ChartSpec;
     /** Show the (clickable) legend. Default true. */

package/dist/SvGridChartPanel.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { RowData, TableFeatures } from "./index";
-import type { SvGridController } from "./SvGrid.controller.svelte";
+import type { RowData, TableFeatures } from "./index.js";
+import type { SvGridController } from "./SvGrid.controller.svelte.js";
 declare function $$render<TFeatures extends TableFeatures = TableFeatures, TData extends RowData = RowData>(): {
     props: {
         ctrl: SvGridController<TFeatures, TData>;

package/dist/SvGridChartView.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ChartViewConfig } from "./SvGrid.types";
+import type { ChartViewConfig } from "./SvGrid.types.js";
 type $$ComponentProps = {
     data: ReadonlyArray<Record<string, unknown>>;
     /** Present for parity with board/scheduler renderers; unused here. */

package/dist/SvGridDropdown.svelte.d.ts

@@ -17,7 +17,7 @@
    *   Escape             - close + onCancel.
    *   Tab                - commit and let focus escape.
    */
-import type { CellEditorOption } from './editors/cell-editors';
+import type { CellEditorOption } from './editors/cell-editors.js';
 type Props = {
     options: ReadonlyArray<CellEditorOption>;
     value: unknown;

package/dist/SvGridSelect.svelte.d.ts

@@ -1,4 +1,4 @@
-export type { GridSelectColumn } from './ui-app.types';
+export type { GridSelectColumn } from './ui-app.types.js';
 /**
    * SvGridSelect - a "grid in a dropdown" single-select: the panel shows the
    * options as a compact multi-column table (header row + optional search), so
@@ -7,9 +7,9 @@ export type { GridSelectColumn } from './ui-app.types';
    * this component adds the multi-column table. It does NOT embed the full
    * SvGrid. Emits the chosen row's id. Parity: Smart multicolumn combobox.
    */
-import type { GridSelectColumn } from './ui-app.types';
-import { type SvEditorProps } from './editor-contract';
-import { type Row } from './grid-select';
+import type { GridSelectColumn } from './ui-app.types.js';
+import { type SvEditorProps } from './editor-contract.js';
+import { type Row } from './grid-select.js';
 type Props = Pick<SvEditorProps, 'disabled' | 'readonly' | 'label' | 'hint' | 'error' | 'required' | 'invalid' | 'size' | 'id' | 'name' | 'dir' | 'ariaLabel' | 'loading'> & {
     columns: ReadonlyArray<GridSelectColumn>;
     options: ReadonlyArray<Row>;

package/dist/SvGroupCell.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ServerDisplayRow } from './server-data-source';
+import type { ServerDisplayRow } from './server-data-source.js';
 declare function $$render<TData>(): {
     props: {
         /** The grid row from `serverGroupRows` (carries the `__group` marker). */

package/dist/SvHoverCard.svelte.d.ts

@@ -15,7 +15,7 @@
    * ```
    */
 import type { Snippet } from 'svelte';
-import type { Placement } from './positioning';
+import type { Placement } from './positioning.js';
 type Props = {
     /** Controlled open state (bindable). */
     open?: boolean;

package/dist/SvListBox.svelte.d.ts

@@ -13,8 +13,8 @@
    * fast thumb-drag" flash); driving the offset in JS removes that async gap.
    */
 import { type Snippet } from 'svelte';
-import { type ListOption, type RowHeight } from './list-option';
-import { type SvEditorProps } from './editor-contract';
+import { type ListOption, type RowHeight } from './list-option.js';
+import { type SvEditorProps } from './editor-contract.js';
 type Props = SvEditorProps & {
     options: ReadonlyArray<ListOption>;
     value?: string | number | ReadonlyArray<string | number> | ReadonlySet<string | number> | null;

package/dist/SvMaskedInput.svelte.d.ts

@@ -9,7 +9,7 @@
    * `frame` chrome.
    */
 import type { Snippet } from 'svelte';
-import { type SvEditorProps } from './editor-contract';
+import { type SvEditorProps } from './editor-contract.js';
 type Props = SvEditorProps & {
     value?: string;
     /** Called with (masked, raw, complete). */

package/dist/SvMenu.svelte.d.ts

@@ -12,7 +12,7 @@ export type { MenuItem } from './SvMenuList.svelte';
    * ```
    */
 import type { Snippet } from 'svelte';
-import { type EditorDir } from './editor-contract';
+import { type EditorDir } from './editor-contract.js';
 import { type MenuItem } from './SvMenuList.svelte';
 type $$ComponentProps = {
     items: ReadonlyArray<MenuItem>;

package/dist/SvMenuList.svelte.d.ts

@@ -1,6 +1,6 @@
-export type { MenuItem } from './menu-item';
-import { type EditorDir } from './editor-contract';
-import type { MenuItem } from './menu-item';
+export type { MenuItem } from './menu-item.js';
+import { type EditorDir } from './editor-contract.js';
+import type { MenuItem } from './menu-item.js';
 type $$ComponentProps = {
     items: ReadonlyArray<MenuItem>;
     /** Close the WHOLE menu (a leaf was chosen, Escape, or outside-click). */

package/dist/SvMenubar.svelte.d.ts

@@ -2,11 +2,11 @@ export type MenubarMenu = {
     /** Trigger label on the bar. */
     label: string;
     /** The dropdown's items (submenus, separators, icons, shortcuts all work). */
-    items: import('./menu-item').MenuItem[];
+    items: import('./menu-item.js').MenuItem[];
     disabled?: boolean;
 };
-import { type EditorDir } from './editor-contract';
-import type { MenuItem } from './menu-item';
+import { type EditorDir } from './editor-contract.js';
+import type { MenuItem } from './menu-item.js';
 type Props = {
     menus: ReadonlyArray<MenubarMenu>;
     onSelect?: (item: MenuItem) => void;

package/dist/SvMultiSelect.svelte.d.ts

@@ -1,4 +1,4 @@
-export type { MultiSelectOption } from './ui-app.types';
+export type { MultiSelectOption } from './ui-app.types.js';
 /**
    * SvMultiSelect - a multi-select dropdown: a trigger showing the picked items
    * as chips (collapsing to "+N"), and a portalled panel with an optional search
@@ -7,8 +7,8 @@ export type { MultiSelectOption } from './ui-app.types';
    * the multi-select toggle, chips and search UI. Distinct from SvTagsInput
    * (free-form tags) - this picks from a fixed set.
    */
-import type { MultiSelectOption } from './ui-app.types';
-import { type SvEditorProps } from './editor-contract';
+import type { MultiSelectOption } from './ui-app.types.js';
+import { type SvEditorProps } from './editor-contract.js';
 type Props = Pick<SvEditorProps, 'disabled' | 'readonly' | 'label' | 'hint' | 'error' | 'required' | 'invalid' | 'size' | 'id' | 'name' | 'dir' | 'ariaLabel' | 'loading'> & {
     options: ReadonlyArray<MultiSelectOption>;
     value?: ReadonlyArray<string | number>;

package/dist/SvNavPane.svelte.d.ts

@@ -29,7 +29,7 @@ export type NavModule = {
    * highlight, arrow-key navigation, and an icon-only `collapsed` rail. A common
    * app shell primitive (mail folders, workspace nav, settings).
    */
-import { type EditorDir } from './editor-contract';
+import { type EditorDir } from './editor-contract.js';
 type $$ComponentProps = {
     sections: ReadonlyArray<NavSection>;
     value?: string | null;

package/dist/SvNumberInput.svelte.d.ts

@@ -11,7 +11,7 @@
    * right-aligned number), and the spinner + clear live in the trailing slot.
    */
 import type { Snippet } from 'svelte';
-import { type SvEditorProps } from './editor-contract';
+import { type SvEditorProps } from './editor-contract.js';
 type Props = SvEditorProps & {
     value?: number | null;
     onChange?: (value: number | null) => void;

package/dist/SvOtpInput.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type SvEditorProps } from './editor-contract';
+import { type SvEditorProps } from './editor-contract.js';
 type Props = Pick<SvEditorProps, 'disabled' | 'label' | 'hint' | 'error' | 'required' | 'dir' | 'size' | 'id' | 'name' | 'invalid'> & {
     value?: string;
     onChange?: (value: string) => void;

package/dist/SvPasswordInput.svelte.d.ts

@@ -9,7 +9,7 @@
    * below the field.
    */
 import type { Snippet } from 'svelte';
-import { type SvEditorProps } from './editor-contract';
+import { type SvEditorProps } from './editor-contract.js';
 /** User-facing strings for the password input (localizable via `messages`). */
 type PasswordMessages = {
     show: string;

package/dist/SvPhoneInput.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type SvEditorProps } from './editor-contract';
-import { type PhoneParts } from './createPhoneInput.svelte';
+import { type SvEditorProps } from './editor-contract.js';
+import { type PhoneParts } from './createPhoneInput.svelte.js';
 /** User-facing strings for the phone input (localizable via `messages`). */
 type PhoneMessages = {
     country: string;

package/dist/SvPopconfirm.svelte.d.ts

@@ -14,7 +14,7 @@
    * ```
    */
 import type { Snippet } from 'svelte';
-import type { Placement } from './positioning';
+import type { Placement } from './positioning.js';
 type Props = {
     /** Controlled open state (bindable). */
     open?: boolean;

package/dist/SvPopover.svelte.d.ts

@@ -15,7 +15,7 @@
    * ```
    */
 import type { Snippet } from 'svelte';
-import { type Placement } from './positioning';
+import { type Placement } from './positioning.js';
 type Props = {
     /** Controlled open state (bindable). */
     open?: boolean;

package/dist/SvRadioGroup.svelte.d.ts

@@ -1,6 +1,6 @@
-export type { RadioOption } from './createRadioGroup.svelte';
-import { type SvEditorProps } from './editor-contract';
-import { type RadioOption } from './createRadioGroup.svelte';
+export type { RadioOption } from './createRadioGroup.svelte.js';
+import { type SvEditorProps } from './editor-contract.js';
+import { type RadioOption } from './createRadioGroup.svelte.js';
 type Props = SvEditorProps & {
     options: ReadonlyArray<RadioOption>;
     value?: string | number | null;

package/dist/SvRating.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type SvEditorProps } from './editor-contract';
+import { type SvEditorProps } from './editor-contract.js';
 /** User-facing strings (localizable via `messages`). */
 type RatingMessages = {
     label: string;