import type { TableModel } from './table-model.svelte'; import type { Snippet } from 'svelte'; declare function $$render(): { props: { model: TableModel; showAlternativeView?: boolean; /** * When an empty list turns into the no-items placeholder. A number delays it by that many ms (anti-flicker while the first page is in flight); a boolean * decides outright — `true` shows it as soon as the list is empty, `false` never shows it (pair it with your own loading / empty UI). Rows always win: * the placeholder is never rendered over a non-empty list. * @default 700 */ noItemsPlaceholder?: number | boolean; on?: { selectionChanged?: (e: T[]) => void; itemsSelected?: (e: T[]) => void; itemsDeselected?: (e: T[]) => void; itemsReordered?: (e: T[]) => void; }; alternativeView?: Snippet; customNoItemsPlaceholder?: Snippet; }; exports: {}; bindings: ""; slots: {}; events: {}; }; declare class __sveltets_Render { props(): ReturnType>['props']; events(): ReturnType>['events']; slots(): ReturnType>['slots']; bindings(): ""; exports(): {}; } interface $$IsomorphicComponent { new (options: import('svelte').ComponentConstructorOptions['props']>>): import('svelte').SvelteComponent['props']>, ReturnType<__sveltets_Render['events']>, ReturnType<__sveltets_Render['slots']>> & { $$bindings?: ReturnType<__sveltets_Render['bindings']>; } & ReturnType<__sveltets_Render['exports']>; (internal: unknown, props: ReturnType<__sveltets_Render['props']> & {}): ReturnType<__sveltets_Render['exports']>; z_$$bindings?: ReturnType<__sveltets_Render['bindings']>; } /** * Data table with drag-and-drop row reordering, plus everything `Table` offers (sorting, selection, column * visibility, group actions). A leading drag-handle column is rendered; reorders fire `on.itemsReordered` and * preserve the current selection. For non-reorderable tables use `Table` (it ships no dnd code). * * ### TableStyles (via `model.styles`) * | Field | Type | Effect | * |---|---|---| * | `size` | `'sm' \| 'md'` | Row height + cell padding + font-size preset (default `'md'`) | * | `variant` | `'plain' \| 'card'` | `'card'` wraps the table in a bordered rounded panel (default `'plain'`) | * | `zebra` | `boolean` | Alternates row backgrounds with `--sc-kit--color--bg--field-alt` | * | `stickyHeader` | `boolean` | Sticks `thead` to the scrolling ancestor | * | `actionsPopoverTopDirection` | `boolean` | Forces the per-row actions popover above instead of below | * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--table--row--height` | Row height | per size (32 / 50 px) | * | `--sc-kit--table--cell--horizontal-padding` | Cell horizontal padding | per size (8 / 12 px) | * | `--sc-kit--table--cell--font-size` | Cell font size | per size (`--font-size--sm` / `--md`) | * | `--sc-kit--table--head--background-color` | Header background | `--sc-kit--color--bg--field-alt` | * | `--sc-kit--table--head--color` | Header text color | `--sc-kit--color--text--secondary` | * | `--sc-kit--table--border-color` | Border color between rows | `--sc-kit--color--border` | * | `--sc-kit--table--row--color` | Row background | `transparent` | * | `--sc-kit--table--row--alternative-color` | Hover / highlighted row background | `--sc-kit--color--bg--hover` | * | `--sc-kit--table--zebra--color` | Zebra-row background (when `zebra` on) | `light-dark(#fcfcfd, #232323)` | * | `--sc-kit--table--card--background` | Card variant background | `--sc-kit--color--bg--panel` | * | `--sc-kit--table--card--border-color` | Card variant border | `--sc-kit--color--border` | * | `--sc-kit--table--card--border-radius` | Card variant radius | `--sc-kit--radius--lg` | * | `--sc-kit--table--card--padding-bottom` | Card variant bottom padding | `--sc-kit--space--4` | */ declare const Cmp: $$IsomorphicComponent; type Cmp = InstanceType>; export default Cmp;