simple-table-core 4.0.0 → 4.0.2

package/dist/stories/examples/ProgrammaticSortExample.d.ts

@@ -1,5 +0,0 @@
-import { type UniversalVanillaArgs } from "../vanillaStoryConfig";
-export declare const programmaticSortExampleDefaults: {
-    height: string;
-};
-export declare function renderProgrammaticSortExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/QuickFilterExample.d.ts

@@ -1,5 +0,0 @@
-import { type UniversalVanillaArgs } from "../vanillaStoryConfig";
-export declare const quickFilterExampleDefaults: {
-    height: string;
-};
-export declare function renderQuickFilterExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/RadioStationsExample.d.ts

@@ -1,3 +0,0 @@
-import { type UniversalVanillaArgs } from "../vanillaStoryConfig";
-export declare const radioStationsExampleDefaults: Partial<UniversalVanillaArgs>;
-export declare function renderRadioStationsExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/RowButtonsExample.d.ts

@@ -1,14 +0,0 @@
-import { type UniversalVanillaArgs } from "../vanillaStoryConfig";
-export declare const rowButtonsExampleDefaults: {
-    columnResizing: boolean;
-    editColumns: boolean;
-    selectableCells: boolean;
-    columnReordering: boolean;
-    enableRowSelection: boolean;
-    height: string;
-    customTheme: {
-        selectionColumnWidth: number;
-    };
-    columnBorders: boolean;
-};
-export declare function renderRowButtonsExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/RowHeightExample.d.ts

@@ -1,8 +0,0 @@
-import { type UniversalVanillaArgs } from "../vanillaStoryConfig";
-export declare const rowHeightExampleDefaults: {
-    customTheme: {
-        rowHeight: number;
-        headerHeight: number;
-    };
-};
-export declare function renderRowHeightExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/RowSelectionExample.d.ts

@@ -1,11 +0,0 @@
-import { type UniversalVanillaArgs } from "../vanillaStoryConfig";
-export declare const rowSelectionExampleDefaults: {
-    columnResizing: boolean;
-    editColumns: boolean;
-    selectableCells: boolean;
-    columnReordering: boolean;
-    enableRowSelection: boolean;
-    selectRowOnClick: boolean;
-    height: string;
-};
-export declare function renderRowSelectionExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/SelectableCells.d.ts

@@ -1,14 +0,0 @@
-import { type UniversalVanillaArgs } from "../vanillaStoryConfig";
-export declare const selectableCellsExampleDefaults: {
-    rowGrouping: readonly ["stores"];
-    selectableCells: boolean;
-    selectableColumns: boolean;
-    columnResizing: boolean;
-    columnReordering: boolean;
-    height: string;
-    customTheme: {
-        rowHeight: number;
-        headerHeight: number;
-    };
-};
-export declare function renderSelectableCellsExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/ServerSidePaginationExample.d.ts

@@ -1,2 +0,0 @@
-import { type UniversalVanillaArgs } from "../vanillaStoryConfig";
-export declare function renderServerSidePaginationExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/Theming.d.ts

@@ -1,12 +0,0 @@
-import { type UniversalVanillaArgs } from "../vanillaStoryConfig";
-export declare const themingExampleDefaults: {
-    columnResizing: boolean;
-    columnReordering: boolean;
-    editColumns: boolean;
-    selectableCells: boolean;
-    selectableColumns: boolean;
-    shouldPaginate: boolean;
-    rowsPerPage: number;
-    height: string;
-};
-export declare function renderThemingExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/TooltipExample.d.ts

@@ -1,8 +0,0 @@
-import { type UniversalVanillaArgs } from "../vanillaStoryConfig";
-export declare const tooltipExampleDefaults: {
-    columnResizing: boolean;
-    columnReordering: boolean;
-    selectableCells: boolean;
-    height: string;
-};
-export declare function renderTooltipExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/WindowInfiniteScroll.d.ts

@@ -1,3 +0,0 @@
-import { type UniversalVanillaArgs } from "../vanillaStoryConfig";
-export declare const windowInfiniteScrollExampleDefaults: Partial<UniversalVanillaArgs>;
-export declare function renderWindowInfiniteScrollExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/billing-example/BillingExample.d.ts

@@ -1,13 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-export declare const billingExampleDefaults: {
-    columnReordering: boolean;
-    columnResizing: boolean;
-    editColumns: boolean;
-    selectableCells: boolean;
-    height: string;
-    initialSortColumn: "amount";
-    initialSortDirection: "desc";
-    useOddColumnBackground: boolean;
-    rowGrouping: readonly ["invoices", "charges"];
-};
-export declare function renderBillingExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/billing-example/billing-headers.d.ts

@@ -1,5 +0,0 @@
-/**
- * Billing example headers – ported from React billing-headers (vanilla-compatible).
- */
-import type { HeaderObject } from "../../../src/index";
-export declare const BILLING_HEADERS: HeaderObject[];

package/dist/stories/examples/crypto/CryptoExample.d.ts

@@ -1,14 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-export declare const cryptoExampleDefaults: {
-    columnResizing: boolean;
-    columnReordering: boolean;
-    selectableCells: boolean;
-    editColumns: boolean;
-    cellUpdateFlash: boolean;
-    height: string;
-    customTheme: {
-        headerHeight: number;
-        rowHeight: number;
-    };
-};
-export declare function renderCryptoExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/crypto/crypto-data.d.ts

@@ -1,30 +0,0 @@
-/**
- * Deterministic crypto market dataset – same generator as the marketing
- * Crypto example (`apps/marketing/src/examples/crypto/useCryptoData.ts`).
- */
-import type { Row } from "../../../src/index";
-export interface CryptoCoin extends Row {
-    id: string;
-    rank: number;
-    name: string;
-    symbol: string;
-    price: number;
-    change1h: number;
-    change24h: number;
-    change7d: number;
-    change30d: number;
-    marketCap: number;
-    volume24h: number;
-    circulatingSupply: number;
-    maxSupply: number | null;
-    supplyPercent: number;
-    ath: number;
-    athChangePercent: number;
-    category: string;
-    priceHistory: number[];
-}
-export declare function generateCryptoData(count?: number): CryptoCoin[];
-export declare function formatCompact(value: number): string;
-export declare function formatCompactUsd(value: number): string;
-export declare function formatPrice(value: number): string;
-export declare function formatSignedPercent(value: number, digits?: number): string;

package/dist/stories/examples/crypto/crypto-headers.d.ts

@@ -1,5 +0,0 @@
-/**
- * Crypto example headers – vanilla port of the marketing crypto-headers.
- */
-import type { HeaderObject } from "../../../src/index";
-export declare function getCryptoHeaders(): HeaderObject[];

package/dist/stories/examples/custom-theme/CustomThemeDemo.d.ts

@@ -1,2 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-export declare function renderCustomThemeExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/filter-example/FilterExample.d.ts

@@ -1,9 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-export declare const filterExampleDefaults: {
-    columnResizing: boolean;
-    columnReordering: boolean;
-    selectableCells: boolean;
-    maxHeight: string;
-    theme: "modern-dark";
-};
-export declare function renderFilterExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/filter-example/filter-headers.d.ts

@@ -1,5 +0,0 @@
-/**
- * Filter example headers – ported from React filter-headers (vanilla-compatible).
- */
-import type { HeaderObject } from "../../../src/index";
-export declare const PRODUCT_HEADERS: HeaderObject[];

package/dist/stories/examples/finance-example/FinancialExample.d.ts

@@ -1,8 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-export declare const financeExampleDefaults: {
-    columnResizing: boolean;
-    columnReordering: boolean;
-    selectableCells: boolean;
-    height: string;
-};
-export declare function renderFinanceExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/finance-example/finance-headers.d.ts

@@ -1,5 +0,0 @@
-/**
- * Finance example headers – ported from React finance-headers (vanilla-compatible).
- */
-import type { HeaderObject } from "../../../src/index";
-export declare const FINANCE_HEADERS: HeaderObject[];

package/dist/stories/examples/infrastructure/InfrastructureExample.d.ts

@@ -1,9 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-export declare const infrastructureExampleDefaults: {
-    columnResizing: boolean;
-    columnReordering: boolean;
-    selectableCells: boolean;
-    height: string;
-    autoExpandColumns: boolean;
-};
-export declare function renderInfrastructureExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/infrastructure/infrastructure-data.d.ts

@@ -1,5 +0,0 @@
-/**
- * Infrastructure example data – same shape as React BACKUP_INFRASTRUCTURE_DATA.
- */
-import type { Row } from "../../../src/index";
-export declare const INFRASTRUCTURE_DATA: Row[];

package/dist/stories/examples/infrastructure/infrastructure-headers.d.ts

@@ -1,5 +0,0 @@
-/**
- * Infrastructure example headers – ported from React infrastructure-headers (vanilla-compatible).
- */
-import type { HeaderObject } from "../../../src/index";
-export declare const INFRASTRUCTURE_HEADERS: HeaderObject[];

package/dist/stories/examples/leads/LeadsExample.d.ts

@@ -1,8 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-export declare const leadsExampleDefaults: {
-    columnResizing: boolean;
-    columnReordering: boolean;
-    enableRowSelection: boolean;
-    height: string;
-};
-export declare function renderLeadsExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/leads/leads-data.d.ts

@@ -1,5 +0,0 @@
-/**
- * Leads example data – same structure as React BACKUP_LEADS_DATA.
- */
-import type { Row } from "../../../src/index";
-export declare const LEADS_DATA: Row[];

package/dist/stories/examples/leads/leads-headers.d.ts

@@ -1,6 +0,0 @@
-/**
- * Leads example headers – ported from React leads-headers (vanilla-compatible).
- * Cell renderers return strings; no React-specific components.
- */
-import type { HeaderObject } from "../../../src/index";
-export declare const LEADS_HEADERS: HeaderObject[];

package/dist/stories/examples/manufacturing/ManufacturingExample.d.ts

@@ -1,10 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-export declare const manufacturingExampleDefaults: {
-    columnResizing: boolean;
-    columnReordering: boolean;
-    selectableCells: boolean;
-    rowGrouping: readonly ["stations"];
-    expandAll: boolean;
-    height: string;
-};
-export declare function renderManufacturingExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/manufacturing/manufacturing-headers.d.ts

@@ -1,5 +0,0 @@
-/**
- * Manufacturing example headers – ported from React manufacturing-headers (vanilla-compatible).
- */
-import type { HeaderObject } from "../../../src/index";
-export declare const MANUFACTURING_HEADERS: HeaderObject[];

package/dist/stories/examples/music/MusicExample.d.ts

@@ -1,13 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-export declare const musicExampleDefaults: {
-    columnReordering: boolean;
-    columnResizing: boolean;
-    selectableCells: boolean;
-    theme: "modern-light";
-    customTheme: {
-        rowHeight: number;
-        headerHeight: number;
-    };
-    height: string;
-};
-export declare function renderMusicExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/music/MusicWindowScrollExample.d.ts

@@ -1,5 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-import { METRICS } from "./music-window.data";
-export declare const musicWindowScrollExampleDefaults: Partial<UniversalVanillaArgs>;
-export declare function renderMusicWindowScrollExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;
-export { METRICS };

package/dist/stories/examples/music/music-headers.d.ts

@@ -1,5 +0,0 @@
-/**
- * Music example headers – ported from React music-headers (vanilla-compatible).
- */
-import type { HeaderObject } from "../../../src/index";
-export declare const MUSIC_HEADERS: HeaderObject[];

package/dist/stories/examples/music/music-window.data.d.ts

@@ -1,47 +0,0 @@
-/**
- * Self-contained demo data for the wide window-scroll Music example.
- *
- * Vanilla port of the React `music.demo-data.ts`: a wide, real-world-shaped
- * artist analytics dataset (~60 columns) generated at runtime via a
- * deterministic PRNG so rows stay stable across reloads.
- */
-export interface MusicArtist {
-    id: string;
-    rank: number;
-    rankChange: number;
-    artistName: string;
-    artistType: string;
-    pronouns: string;
-    recordLabel: string;
-    genre: string;
-    country: string;
-    countryFlag: string;
-    continent: string;
-    score: number;
-    scoreChange: number;
-    earliestAlbumReleaseDate: string;
-    latestAlbumReleaseDate: string;
-    audienceAge: Record<string, number>;
-    audienceGender: {
-        f: number;
-        m: number;
-    };
-    spotifyPopularity: number;
-    spotifyPopularityChangePercent: number;
-    spotifyFollowersToListenersRatio: number;
-    spotifyReachFollowersRatio: number;
-    youtubeEngagementRate: number;
-    instagramEngagementRate: number;
-    tiktokEngagementRate: number;
-    tiktokEngagementRateChange: number;
-    [key: string]: string | number | Record<string, number> | {
-        f: number;
-        m: number;
-    } | undefined;
-}
-export declare const METRICS: [string, number][];
-export declare function generateMusicData(count?: number): MusicArtist[];
-export declare function getMusicThemeColors(theme?: string): {
-    text: string;
-    muted: string;
-};

package/dist/stories/examples/pinned-columns/PinnedColumns.d.ts

@@ -1,13 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-import type { Theme } from "../../../src/index";
-export declare const pinnedColumnsExampleDefaults: {
-    rowGrouping: readonly ["stores"];
-    columnReordering: boolean;
-    selectableCells: boolean;
-    selectableColumns: boolean;
-    editColumns: boolean;
-    height: string;
-    enableStickyParents: boolean;
-    theme: Theme;
-};
-export declare function renderPinnedColumnsExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/row-grouping/RowGrouping.d.ts

@@ -1,8 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-export declare const rowGroupingExampleDefaults: {
-    rowGrouping: string[];
-    columnResizing: boolean;
-    height: string;
-    enableStickyParents: boolean;
-};
-export declare function renderRowGroupingExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/sales-example/SalesExample.d.ts

@@ -1,14 +0,0 @@
-import { type UniversalVanillaArgs } from "../../vanillaStoryConfig";
-export declare const salesExampleDefaults: {
-    columnResizing: boolean;
-    columnReordering: boolean;
-    selectableCells: boolean;
-    autoExpandColumns: boolean;
-    theme: "modern-dark";
-    height: string;
-    editColumns: boolean;
-    shouldPaginate: boolean;
-    rowsPerPage: number;
-    footerPosition: "top";
-};
-export declare function renderSalesExample(args?: Partial<UniversalVanillaArgs>): HTMLElement;

package/dist/stories/examples/sales-example/sales-headers.d.ts

@@ -1,6 +0,0 @@
-/**
- * Sales example headers – ported from React sales-headers (vanilla-compatible).
- * Cell renderers return strings; no React components.
- */
-import type { HeaderObject } from "../../../src/index";
-export declare const SALES_HEADERS: HeaderObject[];

package/dist/stories/tests/01-BasicStructureTests.stories.d.ts

@@ -1,119 +0,0 @@
-/**
- * BASIC TABLE STRUCTURE AND RENDERING TESTS
- *
- * This test suite covers the foundational features documented in:
- * - Quick Start Guide
- * - Table Height Documentation
- * - API Reference (Basic Props)
- *
- * Features tested:
- * 1. Basic table rendering with required props (defaultHeaders, rows)
- * 2. Table with height prop (fixed height, internal scrolling)
- * 3. Table with maxHeight prop (adaptive height)
- * 4. Table without height (overflow parent)
- * 5. getRowId functionality
- * 6. Nested data accessors (dot notation)
- * 7. Array index accessors (v1.9.4+)
- * 8. DOM structure validation
- * 9. Column width configurations (fixed pixels, "1fr")
- * 10. Data type handling (string, number, boolean, date)
- */
-import type { Meta } from "@storybook/html";
-declare const meta: Meta;
-export default meta;
-export declare const MinimalTableWithRequiredProps: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const TableWithFixedHeight: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const TableWithMaxHeight: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const TableWithoutHeight: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const TableWithGetRowId: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const NestedDataAccessors: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const ArrayIndexAccessors: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const ColumnWidthConfigurations: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const DataTypesRendering: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const ViewportRelativeHeight: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const ComprehensiveStructureValidation: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const HeightIgnoredWhenMaxHeightSet: {
-    render: () => HTMLDivElement & {
-        _table?: import("../../src/index").SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};

package/dist/stories/tests/02-ColumnSortingTests.stories.d.ts

@@ -1,114 +0,0 @@
-/**
- * COLUMN SORTING TESTS
- * Ported from React - same tests, vanilla table only.
- */
-import { SimpleTableVanilla } from "../../src/index";
-import type { Meta } from "@storybook/html";
-declare const meta: Meta;
-export default meta;
-export declare const BasicStringSorting: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const BasicNumberSorting: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const CustomSortingOrderDescFirst: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const CustomSortingOrderAlwaysSorted: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const DateSorting: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const NestedAccessorSorting: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const ArrayIndexAccessorSorting: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const CustomComparatorMultiField: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const ValueGetterSorting: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const InitialSortState: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const OnSortChangeCallback: {
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const ExternalSortHandling: {
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const ProgrammaticSortControl: {
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};
-export declare const MultipleColumnsSorting: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-};