@stonecrop/aform 0.8.13 → 0.9.1

package/dist/aform.d.ts

@@ -9,14 +9,10 @@ import AForm from './components/AForm.vue';
 import ANumericInput from './components/form/ANumericInput.vue';
 import type { App } from 'vue';
 import ATextInput from './components/form/ATextInput.vue';
-import { ComputedRef } from 'vue';
-import { CSSProperties } from 'vue';
 import Login from './components/utilities/Login.vue';
-import { Ref } from 'vue';
-import type { ShallowRef } from 'vue';
-import { Store } from 'pinia';
-import { useElementBounding } from '@vueuse/core';
-import { WritableComputedRef } from 'vue';
+import type { TableColumn } from '@stonecrop/atable';
+import type { TableConfig } from '@stonecrop/atable';
+import type { TableRow } from '@stonecrop/atable';
 
 export { ACheckbox }
 
@@ -65,55 +61,6 @@ export declare type BaseSchema = {
     value?: any;
 };
 
-/**
- * Base table configuration properties shared across all view types.
- * @public
- */
-export declare interface BaseTableConfig {
-    /**
-     * Control whether the table should be allowed to use the full width of its container.
-     *
-     * @defaultValue false
-     */
-    fullWidth?: boolean;
-    /**
-     * Configuration for row-level actions (add, delete, duplicate, etc.).
-     */
-    rowActions?: RowActionsConfig;
-}
-
-/**
- * Table configuration for basic view types (uncounted, list, list-expansion).
- * @public
- */
-export declare interface BasicTableConfig extends BaseTableConfig {
-    /**
-     * The type of view to display the table in.
-     */
-    view?: 'uncounted' | 'list' | 'list-expansion';
-}
-
-/**
- * Table cell context definition.
- * @public
- */
-export declare interface CellContext {
-    /**
-     * The row object for the current cell.
-     */
-    row: TableRow;
-    /**
-     * The column object for the current cell.
-     */
-    column: TableColumn;
-    /**
-     * The table object for the current cell.
-     */
-    table: {
-        [key: string]: any;
-    };
-}
-
 /**
  * Defined props for AForm components
  * @public
@@ -163,2059 +110,6 @@ export declare type ComponentProps = {
     };
 };
 
-/**
- * Connection event for handling connection creation/deletion.
- * @public
- */
-export declare type ConnectionEvent = {
-    type: 'create' | 'delete';
-    connection: ConnectionPath;
-};
-
-/**
- * Connection handle information for gantt bar connections.
- * @public
- */
-export declare interface ConnectionHandle {
-    /**
-     * Unique identifier for the connection handle.
-     */
-    id: string;
-    /**
-     * The row index of the gantt bar this handle belongs to.
-     */
-    rowIndex: number;
-    /**
-     * The column index of the gantt bar this handle belongs to.
-     */
-    colIndex: number;
-    /**
-     * The side of the gantt bar where this handle is located.
-     */
-    side: 'left' | 'right';
-    /**
-     * The position of the connection handle.
-     */
-    position: {
-        x: ShallowRef<number>;
-        y: ShallowRef<number>;
-    };
-    /**
-     * Whether the handle is currently visible (on hover).
-     */
-    visible: Ref<boolean>;
-    /**
-     * Reference to the gantt bar this handle belongs to.
-     */
-    barId: string;
-}
-
-/**
- * Connection path between two gantt bars.
- * @public
- */
-export declare interface ConnectionPath {
-    /**
-     * Unique identifier for the connection path.
-     */
-    id: string;
-    /**
-     * The source connection handle.
-     */
-    from: {
-        barId: string;
-        side: 'left' | 'right';
-    };
-    /**
-     * The target connection handle.
-     */
-    to: {
-        barId: string;
-        side: 'left' | 'right';
-    };
-    /**
-     * Optional styling for the connection path.
-     */
-    style?: {
-        color?: string;
-        width?: number;
-    };
-    /**
-     * Optional label for the connection.
-     */
-    label?: string;
-}
-
-/**
- * Create a table store
- * @param initData - Initial data for the table store
- * @returns table store instance
- * @public
- */
-declare const createTableStore: (initData: {
-    columns: TableColumn[];
-    rows: TableRow[];
-    id?: string;
-    config?: TableConfig;
-    modal?: TableModal;
-}) => Store<`table-${string}`, Pick<{
-columns: Ref<    {
-name: string;
-align?: CanvasTextAlign | undefined;
-edit?: boolean | undefined;
-label?: string | undefined;
-fieldtype?: string | undefined;
-width?: string | undefined;
-pinned?: boolean | undefined;
-resizable?: boolean | undefined;
-sortable?: boolean | undefined;
-filterable?: boolean | undefined;
-filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
-filterOptions?: any[] | undefined;
-filterComponent?: string | undefined;
-cellComponent?: string | undefined;
-cellComponentProps?: Record<string, any> | undefined;
-modalComponent?: string | ((context: CellContext) => string) | undefined;
-modalComponentExtraProps?: Record<string, any> | undefined;
-format?: string | ((value: any, context: CellContext) => string) | undefined;
-mask?: ((value: any) => any) | undefined;
-isGantt?: boolean | undefined;
-ganttComponent?: string | undefined;
-colspan?: number | undefined;
-originalIndex?: number | undefined;
-}[], TableColumn[] | {
-name: string;
-align?: CanvasTextAlign | undefined;
-edit?: boolean | undefined;
-label?: string | undefined;
-fieldtype?: string | undefined;
-width?: string | undefined;
-pinned?: boolean | undefined;
-resizable?: boolean | undefined;
-sortable?: boolean | undefined;
-filterable?: boolean | undefined;
-filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
-filterOptions?: any[] | undefined;
-filterComponent?: string | undefined;
-cellComponent?: string | undefined;
-cellComponentProps?: Record<string, any> | undefined;
-modalComponent?: string | ((context: CellContext) => string) | undefined;
-modalComponentExtraProps?: Record<string, any> | undefined;
-format?: string | ((value: any, context: CellContext) => string) | undefined;
-mask?: ((value: any) => any) | undefined;
-isGantt?: boolean | undefined;
-ganttComponent?: string | undefined;
-colspan?: number | undefined;
-originalIndex?: number | undefined;
-}[]>;
-config: Ref<    {
-view?: "uncounted" | "list" | "list-expansion" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "gantt";
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree-gantt";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-}, TableConfig | {
-view?: "uncounted" | "list" | "list-expansion" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "gantt";
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree-gantt";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-}>;
-connectionHandles: Ref<    {
-id: string;
-rowIndex: number;
-colIndex: number;
-side: "left" | "right";
-position: {
-x: number;
-y: number;
-};
-visible: boolean;
-barId: string;
-}[], ConnectionHandle[] | {
-id: string;
-rowIndex: number;
-colIndex: number;
-side: "left" | "right";
-position: {
-x: number;
-y: number;
-};
-visible: boolean;
-barId: string;
-}[]>;
-connectionPaths: Ref<    {
-id: string;
-from: {
-barId: string;
-side: "left" | "right";
-};
-to: {
-barId: string;
-side: "left" | "right";
-};
-style?: {
-color?: string | undefined;
-width?: number | undefined;
-} | undefined;
-label?: string | undefined;
-}[], ConnectionPath[] | {
-id: string;
-from: {
-barId: string;
-side: "left" | "right";
-};
-to: {
-barId: string;
-side: "left" | "right";
-};
-style?: {
-color?: string | undefined;
-width?: number | undefined;
-} | undefined;
-label?: string | undefined;
-}[]>;
-display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
-filterState: Ref<FilterStateRecord, FilterStateRecord>;
-ganttBars: Ref<    {
-id: string;
-rowIndex: number;
-colIndex: number;
-startIndex: number;
-endIndex: number;
-color: string;
-position: {
-x: number;
-y: number;
-};
-label?: string | undefined;
-}[], GanttBarInfo[] | {
-id: string;
-rowIndex: number;
-colIndex: number;
-startIndex: number;
-endIndex: number;
-color: string;
-position: {
-x: number;
-y: number;
-};
-label?: string | undefined;
-}[]>;
-modal: Ref<    {
-visible?: boolean | undefined;
-cell?: (HTMLTableCellElement | null) | undefined;
-parent?: HTMLElement | undefined;
-colIndex?: number | undefined;
-rowIndex?: number | undefined;
-component?: string | undefined;
-componentProps?: Record<string, any> | undefined;
-bottom?: number | undefined;
-height?: number | undefined;
-left?: number | undefined;
-width?: number | undefined;
-}, TableModal | {
-visible?: boolean | undefined;
-cell?: (HTMLTableCellElement | null) | undefined;
-parent?: HTMLElement | undefined;
-colIndex?: number | undefined;
-rowIndex?: number | undefined;
-component?: string | undefined;
-componentProps?: Record<string, any> | undefined;
-bottom?: number | undefined;
-height?: number | undefined;
-left?: number | undefined;
-width?: number | undefined;
-}>;
-rows: Ref<    {
-[x: string]: any;
-indent?: number | undefined;
-parent?: number | undefined;
-gantt?: {
-color?: string | undefined;
-startIndex?: number | undefined;
-endIndex?: number | undefined;
-colspan?: number | undefined;
-} | undefined;
-}[], TableRow[] | {
-[x: string]: any;
-indent?: number | undefined;
-parent?: number | undefined;
-gantt?: {
-color?: string | undefined;
-startIndex?: number | undefined;
-endIndex?: number | undefined;
-colspan?: number | undefined;
-} | undefined;
-}[]>;
-sortState: Ref<    {
-column: number | null;
-direction: "asc" | "desc" | null;
-}, {
-column: number | null;
-direction: "asc" | "desc" | null;
-} | {
-column: number | null;
-direction: "asc" | "desc" | null;
-}>;
-table: ComputedRef<    {}>;
-updates: Ref<Record<string, string>, Record<string, string>>;
-filteredRows: ComputedRef<    {
-originalIndex: number;
-indent?: number | undefined;
-parent?: number | undefined;
-gantt?: {
-color?: string | undefined;
-startIndex?: number | undefined;
-endIndex?: number | undefined;
-colspan?: number | undefined;
-} | undefined;
-}[]>;
-hasPinnedColumns: ComputedRef<boolean>;
-isGanttView: ComputedRef<boolean>;
-isTreeView: ComputedRef<boolean>;
-isDependencyGraphEnabled: ComputedRef<boolean>;
-numberedRowWidth: ComputedRef<string>;
-zeroColumn: ComputedRef<boolean>;
-addRow: (rowData?: Partial<TableRow>, position?: "start" | "end" | number) => number;
-clearFilter: (colIndex: number) => void;
-closeModal: (event: MouseEvent) => void;
-createConnection: (fromHandleId: string, toHandleId: string, options?: {
-style?: ConnectionPath["style"];
-label?: string;
-}) => ConnectionPath | null;
-deleteConnection: (connectionId: string) => boolean;
-deleteRow: (rowIndex: number) => TableRow | null;
-duplicateRow: (rowIndex: number) => number;
-getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
-getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
-getConnectionsForBar: (barId: string) => {
-id: string;
-from: {
-barId: string;
-side: "left" | "right";
-};
-to: {
-barId: string;
-side: "left" | "right";
-};
-style?: {
-color?: string | undefined;
-width?: number | undefined;
-} | undefined;
-label?: string | undefined;
-}[];
-getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
-getHandlesForBar: (barId: string) => {
-id: string;
-rowIndex: number;
-colIndex: number;
-side: "left" | "right";
-position: {
-x: number;
-y: number;
-};
-visible: boolean;
-barId: string;
-}[];
-getHeaderCellStyle: (column: TableColumn) => CSSProperties;
-getIndent: (colIndex: number, indentLevel?: number) => string;
-getRowExpandSymbol: (rowIndex: number) => "" | "▼" | "►";
-insertRowAbove: (rowIndex: number, rowData?: Partial<TableRow>) => number;
-insertRowBelow: (rowIndex: number, rowData?: Partial<TableRow>) => number;
-isRowGantt: (rowIndex: number) => boolean;
-isRowVisible: (rowIndex: number) => boolean | undefined;
-moveRow: (fromIndex: number, toIndex: number) => boolean;
-registerConnectionHandle: (handleInfo: ConnectionHandle) => void;
-registerGanttBar: (barInfo: GanttBarInfo) => void;
-resizeColumn: (colIndex: number, newWidth: number) => void;
-setCellData: (colIndex: number, rowIndex: number, value: any) => void;
-setCellText: (colIndex: number, rowIndex: number, value: string) => void;
-setFilter: (colIndex: number, filter: FilterState) => void;
-sortByColumn: (colIndex: number) => void;
-toggleRowExpand: (rowIndex: number) => void;
-unregisterConnectionHandle: (handleId: string) => void;
-unregisterGanttBar: (barId: string) => void;
-updateGanttBar: (event: GanttDragEvent) => void;
-updateRows: (newRows: TableRow[]) => void;
-}, "columns" | "config" | "connectionHandles" | "connectionPaths" | "filterState" | "ganttBars" | "modal" | "rows" | "sortState" | "updates">, Pick<{
-columns: Ref<    {
-name: string;
-align?: CanvasTextAlign | undefined;
-edit?: boolean | undefined;
-label?: string | undefined;
-fieldtype?: string | undefined;
-width?: string | undefined;
-pinned?: boolean | undefined;
-resizable?: boolean | undefined;
-sortable?: boolean | undefined;
-filterable?: boolean | undefined;
-filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
-filterOptions?: any[] | undefined;
-filterComponent?: string | undefined;
-cellComponent?: string | undefined;
-cellComponentProps?: Record<string, any> | undefined;
-modalComponent?: string | ((context: CellContext) => string) | undefined;
-modalComponentExtraProps?: Record<string, any> | undefined;
-format?: string | ((value: any, context: CellContext) => string) | undefined;
-mask?: ((value: any) => any) | undefined;
-isGantt?: boolean | undefined;
-ganttComponent?: string | undefined;
-colspan?: number | undefined;
-originalIndex?: number | undefined;
-}[], TableColumn[] | {
-name: string;
-align?: CanvasTextAlign | undefined;
-edit?: boolean | undefined;
-label?: string | undefined;
-fieldtype?: string | undefined;
-width?: string | undefined;
-pinned?: boolean | undefined;
-resizable?: boolean | undefined;
-sortable?: boolean | undefined;
-filterable?: boolean | undefined;
-filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
-filterOptions?: any[] | undefined;
-filterComponent?: string | undefined;
-cellComponent?: string | undefined;
-cellComponentProps?: Record<string, any> | undefined;
-modalComponent?: string | ((context: CellContext) => string) | undefined;
-modalComponentExtraProps?: Record<string, any> | undefined;
-format?: string | ((value: any, context: CellContext) => string) | undefined;
-mask?: ((value: any) => any) | undefined;
-isGantt?: boolean | undefined;
-ganttComponent?: string | undefined;
-colspan?: number | undefined;
-originalIndex?: number | undefined;
-}[]>;
-config: Ref<    {
-view?: "uncounted" | "list" | "list-expansion" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "gantt";
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree-gantt";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-}, TableConfig | {
-view?: "uncounted" | "list" | "list-expansion" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "gantt";
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree-gantt";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-}>;
-connectionHandles: Ref<    {
-id: string;
-rowIndex: number;
-colIndex: number;
-side: "left" | "right";
-position: {
-x: number;
-y: number;
-};
-visible: boolean;
-barId: string;
-}[], ConnectionHandle[] | {
-id: string;
-rowIndex: number;
-colIndex: number;
-side: "left" | "right";
-position: {
-x: number;
-y: number;
-};
-visible: boolean;
-barId: string;
-}[]>;
-connectionPaths: Ref<    {
-id: string;
-from: {
-barId: string;
-side: "left" | "right";
-};
-to: {
-barId: string;
-side: "left" | "right";
-};
-style?: {
-color?: string | undefined;
-width?: number | undefined;
-} | undefined;
-label?: string | undefined;
-}[], ConnectionPath[] | {
-id: string;
-from: {
-barId: string;
-side: "left" | "right";
-};
-to: {
-barId: string;
-side: "left" | "right";
-};
-style?: {
-color?: string | undefined;
-width?: number | undefined;
-} | undefined;
-label?: string | undefined;
-}[]>;
-display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
-filterState: Ref<FilterStateRecord, FilterStateRecord>;
-ganttBars: Ref<    {
-id: string;
-rowIndex: number;
-colIndex: number;
-startIndex: number;
-endIndex: number;
-color: string;
-position: {
-x: number;
-y: number;
-};
-label?: string | undefined;
-}[], GanttBarInfo[] | {
-id: string;
-rowIndex: number;
-colIndex: number;
-startIndex: number;
-endIndex: number;
-color: string;
-position: {
-x: number;
-y: number;
-};
-label?: string | undefined;
-}[]>;
-modal: Ref<    {
-visible?: boolean | undefined;
-cell?: (HTMLTableCellElement | null) | undefined;
-parent?: HTMLElement | undefined;
-colIndex?: number | undefined;
-rowIndex?: number | undefined;
-component?: string | undefined;
-componentProps?: Record<string, any> | undefined;
-bottom?: number | undefined;
-height?: number | undefined;
-left?: number | undefined;
-width?: number | undefined;
-}, TableModal | {
-visible?: boolean | undefined;
-cell?: (HTMLTableCellElement | null) | undefined;
-parent?: HTMLElement | undefined;
-colIndex?: number | undefined;
-rowIndex?: number | undefined;
-component?: string | undefined;
-componentProps?: Record<string, any> | undefined;
-bottom?: number | undefined;
-height?: number | undefined;
-left?: number | undefined;
-width?: number | undefined;
-}>;
-rows: Ref<    {
-[x: string]: any;
-indent?: number | undefined;
-parent?: number | undefined;
-gantt?: {
-color?: string | undefined;
-startIndex?: number | undefined;
-endIndex?: number | undefined;
-colspan?: number | undefined;
-} | undefined;
-}[], TableRow[] | {
-[x: string]: any;
-indent?: number | undefined;
-parent?: number | undefined;
-gantt?: {
-color?: string | undefined;
-startIndex?: number | undefined;
-endIndex?: number | undefined;
-colspan?: number | undefined;
-} | undefined;
-}[]>;
-sortState: Ref<    {
-column: number | null;
-direction: "asc" | "desc" | null;
-}, {
-column: number | null;
-direction: "asc" | "desc" | null;
-} | {
-column: number | null;
-direction: "asc" | "desc" | null;
-}>;
-table: ComputedRef<    {}>;
-updates: Ref<Record<string, string>, Record<string, string>>;
-filteredRows: ComputedRef<    {
-originalIndex: number;
-indent?: number | undefined;
-parent?: number | undefined;
-gantt?: {
-color?: string | undefined;
-startIndex?: number | undefined;
-endIndex?: number | undefined;
-colspan?: number | undefined;
-} | undefined;
-}[]>;
-hasPinnedColumns: ComputedRef<boolean>;
-isGanttView: ComputedRef<boolean>;
-isTreeView: ComputedRef<boolean>;
-isDependencyGraphEnabled: ComputedRef<boolean>;
-numberedRowWidth: ComputedRef<string>;
-zeroColumn: ComputedRef<boolean>;
-addRow: (rowData?: Partial<TableRow>, position?: "start" | "end" | number) => number;
-clearFilter: (colIndex: number) => void;
-closeModal: (event: MouseEvent) => void;
-createConnection: (fromHandleId: string, toHandleId: string, options?: {
-style?: ConnectionPath["style"];
-label?: string;
-}) => ConnectionPath | null;
-deleteConnection: (connectionId: string) => boolean;
-deleteRow: (rowIndex: number) => TableRow | null;
-duplicateRow: (rowIndex: number) => number;
-getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
-getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
-getConnectionsForBar: (barId: string) => {
-id: string;
-from: {
-barId: string;
-side: "left" | "right";
-};
-to: {
-barId: string;
-side: "left" | "right";
-};
-style?: {
-color?: string | undefined;
-width?: number | undefined;
-} | undefined;
-label?: string | undefined;
-}[];
-getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
-getHandlesForBar: (barId: string) => {
-id: string;
-rowIndex: number;
-colIndex: number;
-side: "left" | "right";
-position: {
-x: number;
-y: number;
-};
-visible: boolean;
-barId: string;
-}[];
-getHeaderCellStyle: (column: TableColumn) => CSSProperties;
-getIndent: (colIndex: number, indentLevel?: number) => string;
-getRowExpandSymbol: (rowIndex: number) => "" | "▼" | "►";
-insertRowAbove: (rowIndex: number, rowData?: Partial<TableRow>) => number;
-insertRowBelow: (rowIndex: number, rowData?: Partial<TableRow>) => number;
-isRowGantt: (rowIndex: number) => boolean;
-isRowVisible: (rowIndex: number) => boolean | undefined;
-moveRow: (fromIndex: number, toIndex: number) => boolean;
-registerConnectionHandle: (handleInfo: ConnectionHandle) => void;
-registerGanttBar: (barInfo: GanttBarInfo) => void;
-resizeColumn: (colIndex: number, newWidth: number) => void;
-setCellData: (colIndex: number, rowIndex: number, value: any) => void;
-setCellText: (colIndex: number, rowIndex: number, value: string) => void;
-setFilter: (colIndex: number, filter: FilterState) => void;
-sortByColumn: (colIndex: number) => void;
-toggleRowExpand: (rowIndex: number) => void;
-unregisterConnectionHandle: (handleId: string) => void;
-unregisterGanttBar: (barId: string) => void;
-updateGanttBar: (event: GanttDragEvent) => void;
-updateRows: (newRows: TableRow[]) => void;
-}, "display" | "table" | "filteredRows" | "hasPinnedColumns" | "isGanttView" | "isTreeView" | "isDependencyGraphEnabled" | "numberedRowWidth" | "zeroColumn">, Pick<{
-columns: Ref<    {
-name: string;
-align?: CanvasTextAlign | undefined;
-edit?: boolean | undefined;
-label?: string | undefined;
-fieldtype?: string | undefined;
-width?: string | undefined;
-pinned?: boolean | undefined;
-resizable?: boolean | undefined;
-sortable?: boolean | undefined;
-filterable?: boolean | undefined;
-filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
-filterOptions?: any[] | undefined;
-filterComponent?: string | undefined;
-cellComponent?: string | undefined;
-cellComponentProps?: Record<string, any> | undefined;
-modalComponent?: string | ((context: CellContext) => string) | undefined;
-modalComponentExtraProps?: Record<string, any> | undefined;
-format?: string | ((value: any, context: CellContext) => string) | undefined;
-mask?: ((value: any) => any) | undefined;
-isGantt?: boolean | undefined;
-ganttComponent?: string | undefined;
-colspan?: number | undefined;
-originalIndex?: number | undefined;
-}[], TableColumn[] | {
-name: string;
-align?: CanvasTextAlign | undefined;
-edit?: boolean | undefined;
-label?: string | undefined;
-fieldtype?: string | undefined;
-width?: string | undefined;
-pinned?: boolean | undefined;
-resizable?: boolean | undefined;
-sortable?: boolean | undefined;
-filterable?: boolean | undefined;
-filterType?: "text" | "select" | "number" | "date" | "dateRange" | "checkbox" | "component" | undefined;
-filterOptions?: any[] | undefined;
-filterComponent?: string | undefined;
-cellComponent?: string | undefined;
-cellComponentProps?: Record<string, any> | undefined;
-modalComponent?: string | ((context: CellContext) => string) | undefined;
-modalComponentExtraProps?: Record<string, any> | undefined;
-format?: string | ((value: any, context: CellContext) => string) | undefined;
-mask?: ((value: any) => any) | undefined;
-isGantt?: boolean | undefined;
-ganttComponent?: string | undefined;
-colspan?: number | undefined;
-originalIndex?: number | undefined;
-}[]>;
-config: Ref<    {
-view?: "uncounted" | "list" | "list-expansion" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "gantt";
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree-gantt";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-}, TableConfig | {
-view?: "uncounted" | "list" | "list-expansion" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "gantt";
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-} | {
-view: "tree-gantt";
-defaultTreeExpansion?: "root" | "branch" | "leaf" | undefined;
-dependencyGraph?: boolean | undefined;
-fullWidth?: boolean | undefined;
-rowActions?: {
-enabled: boolean;
-position?: "before-index" | "after-index" | "end" | undefined;
-dropdownThreshold?: number | undefined;
-forceDropdown?: boolean | undefined;
-actions?: {
-add?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-delete?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-duplicate?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertAbove?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-insertBelow?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-move?: boolean | {
-enabled?: boolean | undefined;
-label?: string | undefined;
-icon?: string | undefined;
-handler?: ((rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean) | undefined;
-} | undefined;
-} | undefined;
-} | undefined;
-}>;
-connectionHandles: Ref<    {
-id: string;
-rowIndex: number;
-colIndex: number;
-side: "left" | "right";
-position: {
-x: number;
-y: number;
-};
-visible: boolean;
-barId: string;
-}[], ConnectionHandle[] | {
-id: string;
-rowIndex: number;
-colIndex: number;
-side: "left" | "right";
-position: {
-x: number;
-y: number;
-};
-visible: boolean;
-barId: string;
-}[]>;
-connectionPaths: Ref<    {
-id: string;
-from: {
-barId: string;
-side: "left" | "right";
-};
-to: {
-barId: string;
-side: "left" | "right";
-};
-style?: {
-color?: string | undefined;
-width?: number | undefined;
-} | undefined;
-label?: string | undefined;
-}[], ConnectionPath[] | {
-id: string;
-from: {
-barId: string;
-side: "left" | "right";
-};
-to: {
-barId: string;
-side: "left" | "right";
-};
-style?: {
-color?: string | undefined;
-width?: number | undefined;
-} | undefined;
-label?: string | undefined;
-}[]>;
-display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
-filterState: Ref<FilterStateRecord, FilterStateRecord>;
-ganttBars: Ref<    {
-id: string;
-rowIndex: number;
-colIndex: number;
-startIndex: number;
-endIndex: number;
-color: string;
-position: {
-x: number;
-y: number;
-};
-label?: string | undefined;
-}[], GanttBarInfo[] | {
-id: string;
-rowIndex: number;
-colIndex: number;
-startIndex: number;
-endIndex: number;
-color: string;
-position: {
-x: number;
-y: number;
-};
-label?: string | undefined;
-}[]>;
-modal: Ref<    {
-visible?: boolean | undefined;
-cell?: (HTMLTableCellElement | null) | undefined;
-parent?: HTMLElement | undefined;
-colIndex?: number | undefined;
-rowIndex?: number | undefined;
-component?: string | undefined;
-componentProps?: Record<string, any> | undefined;
-bottom?: number | undefined;
-height?: number | undefined;
-left?: number | undefined;
-width?: number | undefined;
-}, TableModal | {
-visible?: boolean | undefined;
-cell?: (HTMLTableCellElement | null) | undefined;
-parent?: HTMLElement | undefined;
-colIndex?: number | undefined;
-rowIndex?: number | undefined;
-component?: string | undefined;
-componentProps?: Record<string, any> | undefined;
-bottom?: number | undefined;
-height?: number | undefined;
-left?: number | undefined;
-width?: number | undefined;
-}>;
-rows: Ref<    {
-[x: string]: any;
-indent?: number | undefined;
-parent?: number | undefined;
-gantt?: {
-color?: string | undefined;
-startIndex?: number | undefined;
-endIndex?: number | undefined;
-colspan?: number | undefined;
-} | undefined;
-}[], TableRow[] | {
-[x: string]: any;
-indent?: number | undefined;
-parent?: number | undefined;
-gantt?: {
-color?: string | undefined;
-startIndex?: number | undefined;
-endIndex?: number | undefined;
-colspan?: number | undefined;
-} | undefined;
-}[]>;
-sortState: Ref<    {
-column: number | null;
-direction: "asc" | "desc" | null;
-}, {
-column: number | null;
-direction: "asc" | "desc" | null;
-} | {
-column: number | null;
-direction: "asc" | "desc" | null;
-}>;
-table: ComputedRef<    {}>;
-updates: Ref<Record<string, string>, Record<string, string>>;
-filteredRows: ComputedRef<    {
-originalIndex: number;
-indent?: number | undefined;
-parent?: number | undefined;
-gantt?: {
-color?: string | undefined;
-startIndex?: number | undefined;
-endIndex?: number | undefined;
-colspan?: number | undefined;
-} | undefined;
-}[]>;
-hasPinnedColumns: ComputedRef<boolean>;
-isGanttView: ComputedRef<boolean>;
-isTreeView: ComputedRef<boolean>;
-isDependencyGraphEnabled: ComputedRef<boolean>;
-numberedRowWidth: ComputedRef<string>;
-zeroColumn: ComputedRef<boolean>;
-addRow: (rowData?: Partial<TableRow>, position?: "start" | "end" | number) => number;
-clearFilter: (colIndex: number) => void;
-closeModal: (event: MouseEvent) => void;
-createConnection: (fromHandleId: string, toHandleId: string, options?: {
-style?: ConnectionPath["style"];
-label?: string;
-}) => ConnectionPath | null;
-deleteConnection: (connectionId: string) => boolean;
-deleteRow: (rowIndex: number) => TableRow | null;
-duplicateRow: (rowIndex: number) => number;
-getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
-getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
-getConnectionsForBar: (barId: string) => {
-id: string;
-from: {
-barId: string;
-side: "left" | "right";
-};
-to: {
-barId: string;
-side: "left" | "right";
-};
-style?: {
-color?: string | undefined;
-width?: number | undefined;
-} | undefined;
-label?: string | undefined;
-}[];
-getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
-getHandlesForBar: (barId: string) => {
-id: string;
-rowIndex: number;
-colIndex: number;
-side: "left" | "right";
-position: {
-x: number;
-y: number;
-};
-visible: boolean;
-barId: string;
-}[];
-getHeaderCellStyle: (column: TableColumn) => CSSProperties;
-getIndent: (colIndex: number, indentLevel?: number) => string;
-getRowExpandSymbol: (rowIndex: number) => "" | "▼" | "►";
-insertRowAbove: (rowIndex: number, rowData?: Partial<TableRow>) => number;
-insertRowBelow: (rowIndex: number, rowData?: Partial<TableRow>) => number;
-isRowGantt: (rowIndex: number) => boolean;
-isRowVisible: (rowIndex: number) => boolean | undefined;
-moveRow: (fromIndex: number, toIndex: number) => boolean;
-registerConnectionHandle: (handleInfo: ConnectionHandle) => void;
-registerGanttBar: (barInfo: GanttBarInfo) => void;
-resizeColumn: (colIndex: number, newWidth: number) => void;
-setCellData: (colIndex: number, rowIndex: number, value: any) => void;
-setCellText: (colIndex: number, rowIndex: number, value: string) => void;
-setFilter: (colIndex: number, filter: FilterState) => void;
-sortByColumn: (colIndex: number) => void;
-toggleRowExpand: (rowIndex: number) => void;
-unregisterConnectionHandle: (handleId: string) => void;
-unregisterGanttBar: (barId: string) => void;
-updateGanttBar: (event: GanttDragEvent) => void;
-updateRows: (newRows: TableRow[]) => void;
-}, "addRow" | "clearFilter" | "closeModal" | "createConnection" | "deleteConnection" | "deleteRow" | "duplicateRow" | "getCellData" | "getCellDisplayValue" | "getConnectionsForBar" | "getFormattedValue" | "getHandlesForBar" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "insertRowAbove" | "insertRowBelow" | "isRowGantt" | "isRowVisible" | "moveRow" | "registerConnectionHandle" | "registerGanttBar" | "resizeColumn" | "setCellData" | "setCellText" | "setFilter" | "sortByColumn" | "toggleRowExpand" | "unregisterConnectionHandle" | "unregisterGanttBar" | "updateGanttBar" | "updateRows">>;
-
 /**
  * Schema structure for defining nested doctype fields inside AForm
  *
@@ -2282,25 +176,6 @@ export declare type FieldsetSchema = BaseSchema & {
     collapsible?: boolean;
 };
 
-/**
- * Represents the state of a single filter
- * @public
- */
-declare interface FilterState {
-    /** The main filter value */
-    value: any;
-    /** Start value for date range filters */
-    startValue?: any;
-    /** End value for date range filters */
-    endValue?: any;
-}
-
-/**
- * Record mapping column indices to their filter states
- * @public
- */
-declare type FilterStateRecord = Record<number, FilterState>;
-
 /**
  * Schema structure for defining forms inside AForm
  * @public
@@ -2354,128 +229,6 @@ export declare type FormSchema = BaseSchema & {
     mask?: string;
 };
 
-/**
- * Gantt bar information for VueFlow integration.
- * @public
- */
-export declare interface GanttBarInfo {
-    /**
-     * Unique identifier for the gantt bar.
-     */
-    id: string;
-    /**
-     * The row index of the gantt bar.
-     */
-    rowIndex: number;
-    /**
-     * The primary column index of the gantt bar (typically the start index).
-     */
-    colIndex: number;
-    /**
-     * Starting column index of the gantt bar.
-     */
-    startIndex: Ref<number>;
-    /**
-     * Ending column index of the gantt bar.
-     */
-    endIndex: Ref<number>;
-    /**
-     * Color of the gantt bar.
-     */
-    color: Ref<string>;
-    /**
-     * The position of the gantt bar in the ATable component.
-     */
-    position: {
-        x: ShallowRef<number>;
-        y: ShallowRef<number>;
-    };
-    /**
-     * Display label for the gantt bar.
-     */
-    label?: string;
-}
-
-/**
- * Gantt table drag event definition.
- * @public
- */
-export declare type GanttDragEvent = {
-    rowIndex: number;
-    colIndex: number;
-    delta: number;
-} & ({
-    type: 'bar';
-    oldStart: number;
-    oldEnd: number;
-    newStart: number;
-    newEnd: number;
-    colspan: number;
-} | {
-    type: 'resize';
-    edge: 'start';
-    oldStart: number;
-    newStart: number;
-    end: number;
-    oldColspan: number;
-    newColspan: number;
-} | {
-    type: 'resize';
-    edge: 'end';
-    oldEnd: number;
-    newEnd: number;
-    start: number;
-    oldColspan: number;
-    newColspan: number;
-});
-
-/**
- * Gantt chart options for table rows.
- * @public
- */
-export declare interface GanttOptions {
-    /**
-     * The color to be applied to the row's gantt bar.
-     *
-     * @defaultValue '#cccccc'
-     */
-    color?: string;
-    /**
-     * The starting column index for the gantt bar.
-     *
-     * @defaultValue 0
-     */
-    startIndex?: number;
-    /**
-     * The ending column index for the gantt bar. If endIndex and colspan are not provided,
-     * the bar will stretch to the end of the table.
-     */
-    endIndex?: number;
-    /**
-     * The length of the gantt bar in columns. Useful when only the start index is provided.
-     * If colspan and endIndex are not provided, the bar will stretch to the end of the table.
-     */
-    colspan?: number;
-}
-
-/**
- * Table configuration for gantt view types.
- * @public
- */
-export declare interface GanttTableConfig extends BaseTableConfig {
-    /**
-     * The type of view to display the table in.
-     */
-    view: 'gantt';
-    /**
-     * Control whether dependency graph connections should be enabled for Gantt views.
-     * When false, connection handles and dependency lines will be hidden.
-     *
-     * @defaultValue true
-     */
-    dependencyGraph?: boolean;
-}
-
 /**
  * Install all AForm components
  * @param app - Vue app instance
@@ -2485,372 +238,12 @@ export declare function install(app: App): void;
 
 export { Login }
 
-/**
- * Options for configuring individual row actions.
- * @public
- */
-export declare interface RowActionOptions {
-    /**
-     * Whether the action is enabled.
-     *
-     * @defaultValue true
-     */
-    enabled?: boolean;
-    /**
-     * Custom label for the action (used in dropdown mode).
-     */
-    label?: string;
-    /**
-     * Custom icon override (raw SVG string).
-     */
-    icon?: string;
-    /**
-     * Custom handler for the action. Return false to prevent the default behavior.
-     *
-     * @param rowIndex - The index of the row the action is being performed on
-     * @param store - The table store instance
-     * @returns void or false to prevent default behavior
-     */
-    handler?: (rowIndex: number, store: ReturnType<typeof createTableStore>) => void | boolean;
-}
-
-/**
- * Configuration for row-level actions (add, delete, duplicate, etc.).
- * @public
- */
-export declare interface RowActionsConfig {
-    /**
-     * Whether row actions are enabled.
-     *
-     * @defaultValue false
-     */
-    enabled: boolean;
-    /**
-     * Position of the row actions column relative to the index column.
-     *
-     * @defaultValue 'before-index'
-     */
-    position?: 'before-index' | 'after-index' | 'end';
-    /**
-     * Pixel width threshold at which to switch from icons to dropdown mode.
-     * Set to 0 to always use icons, or a large number to always use dropdown.
-     *
-     * @defaultValue 150
-     */
-    dropdownThreshold?: number;
-    /**
-     * Force dropdown mode regardless of available width.
-     *
-     * @defaultValue false
-     */
-    forceDropdown?: boolean;
-    /**
-     * Configuration for individual actions. Set to true to enable with defaults,
-     * false to disable, or provide RowActionOptions for custom configuration.
-     */
-    actions?: {
-        add?: boolean | RowActionOptions;
-        delete?: boolean | RowActionOptions;
-        duplicate?: boolean | RowActionOptions;
-        insertAbove?: boolean | RowActionOptions;
-        insertBelow?: boolean | RowActionOptions;
-        move?: boolean | RowActionOptions;
-    };
-}
-
-/**
- * Row action type identifiers.
- * @public
- */
-export declare type RowActionType = 'add' | 'delete' | 'duplicate' | 'insertAbove' | 'insertBelow' | 'move';
-
-/**
- * Event payload for row:add event.
- * @public
- */
-export declare interface RowAddEvent {
-    rowIndex: number;
-    row: TableRow;
-}
-
-/**
- * Event payload for row:delete event.
- * @public
- */
-export declare interface RowDeleteEvent {
-    rowIndex: number;
-    row: TableRow;
-}
-
-/**
- * Event payload for row:duplicate event.
- * @public
- */
-export declare interface RowDuplicateEvent {
-    sourceIndex: number;
-    newIndex: number;
-    row: TableRow;
-}
-
-/**
- * Event payload for row:insert-above and row:insert-below events.
- * @public
- */
-export declare interface RowInsertEvent {
-    targetIndex: number;
-    newIndex: number;
-    row: TableRow;
-}
-
-/**
- * Event payload for row:move event.
- * @public
- */
-export declare interface RowMoveEvent {
-    fromIndex: number;
-    toIndex: number;
-}
-
 /**
  * Superset of all schema types for AForm
  * @public
  */
 export declare type SchemaTypes = FormSchema | TableSchema | FieldsetSchema | DoctypeSchema | TableDoctypeSchema;
 
-/**
- * Table column definition.
- * @public
- */
-export declare interface TableColumn {
-    /**
-     * The key of the column. This is used to identify the column in the table.
-     */
-    name: string;
-    /**
-     * The alignment of the column. Possible values:
-     * - `left` - left aligned
-     * - `center` - center aligned
-     * - `right` - right aligned
-     * - `start` - aligned to the start of the column
-     * - `end` - aligned to the end of the column
-     *
-     * @defaultValue 'center'
-     */
-    align?: CanvasTextAlign;
-    /**
-     * Control whether cells for the column is editable.
-     *
-     * @defaultValue false
-     */
-    edit?: boolean;
-    /**
-     * The label of the column. This is displayed in the table header.
-     *
-     * @defaultValue If no label is provided, a character will be assigned alphabetically,
-     * starting from 'A' for the first column, 'B' for the second column, and so on.
-     */
-    label?: string;
-    /**
-     * The semantic field type of the column. Uses the same StonecropFieldType enum as forms.
-     * Common values: 'Data', 'Text', 'Int', 'Float', 'Date', 'Select', 'Link', 'Check', etc.
-     *
-     * @public
-     */
-    fieldtype?: string;
-    /**
-     * The width of the column. This can be a number (in pixels) or a string (in CSS units).
-     *
-     * @defaultValue '40ch'
-     */
-    width?: string;
-    /**
-     * Control whether the column should be pinned to the table.
-     *
-     * @defaultValue false
-     */
-    pinned?: boolean;
-    /**
-     * Control whether the column can be resized by the user.
-     *
-     * @defaultValue false
-     */
-    resizable?: boolean;
-    /**
-     * Control whether the column should be sortable.
-     *
-     * @defaultValue true
-     */
-    sortable?: boolean;
-    /**
-     * Control whether the column should be filterable and define filter configuration.
-     *
-     * @defaultValue true
-     */
-    filterable?: boolean;
-    /**
-     * The type of filter for the column.
-     *
-     * @defaultValue 'text'
-     */
-    filterType?: 'text' | 'select' | 'number' | 'date' | 'dateRange' | 'checkbox' | 'component';
-    /**
-     * Options for select-type filters.
-     */
-    filterOptions?: any[];
-    /**
-     * Custom component for filtering.
-     */
-    filterComponent?: string;
-    /**
-     * The component to use to render the cell for the column. If not provided, the table will
-     * render the default `<td>` element.
-     */
-    cellComponent?: string;
-    /**
-     * Additional properties to pass to the table's cell component.
-     *
-     * Only applicable if the `cellComponent` property is set for the column.
-     */
-    cellComponentProps?: Record<string, any>;
-    /**
-     * The component to use for the modal. If a function is provided, it will be called with the cell context.
-     * The following properties are available on the cell context:
-     * - `row` - the row object
-     * - `column` - the column object
-     * - `table` - the table object
-     *
-     * The function should return the name of the component to use for the modal.
-     *
-     * Additionally, the following properties will be automatically passed to the modal component:
-     * - `colIndex` - the column index of the current cell
-     * - `rowIndex` - the row index of the current cell
-     * - `store` - the table data store
-     */
-    modalComponent?: string | ((context: CellContext) => string);
-    /**
-     * Additional properties to pass to the modal component.
-     *
-     * Only applicable if the `modalComponent` property is set for the column.
-     */
-    modalComponentExtraProps?: Record<string, any>;
-    /**
-     * The format function to use to format the value of the cell. This can either be a normal or stringified
-     * function that takes the value and the cell context and returns a string.
-     */
-    format?: string | ((value: any, context: CellContext) => string);
-    /**
-     * The masking function to use to apply an input mask to the cell. This will accept an input value and
-     * return the masked value.
-     */
-    mask?: (value: any) => any;
-    /**
-     * Whether the column is a Gantt column.
-     *
-     * Only applicable for Gantt tables.
-     *
-     * @defaultValue false
-     */
-    isGantt?: boolean;
-    /**
-     * The component to use to render the Gantt bar for the column.
-     *
-     * Only applicable for Gantt tables.
-     *
-     * @defaultValue 'AGanttCell'
-     */
-    ganttComponent?: string;
-    /**
-     * The colspan of the Gantt bar for the column. This determines how many columns
-     * the Gantt bar should span across.
-     *
-     * Only applicable for Gantt tables.
-     *
-     * @defaultValue The number of columns in the table, excluding any pinned columns.
-     */
-    colspan?: number;
-    /**
-     * The original column index for the Gantt bar, excluding any pinned columns.
-     * This is evaluated automatically while rendering the table.
-     *
-     * Only applicable for Gantt tables.
-     *
-     * @defaultValue 0
-     */
-    originalIndex?: number;
-}
-
-/**
- * Table configuration definition using discriminated unions for type safety.
- * @public
- */
-export declare type TableConfig = BasicTableConfig | TreeTableConfig | GanttTableConfig | TreeGanttTableConfig;
-
-/**
- * Table display definition.
- * @public
- */
-export declare interface TableDisplay {
-    /**
-     * Indicates whether a row node is expanded or collapsed.
-     *
-     * Only applicable for list-expansion views.
-     *
-     * @defaultValue false
-     */
-    expanded?: boolean;
-    /**
-     * Indicates whether a row node's child nodes are open or closed.
-     *
-     * Only applicable for tree views.
-     *
-     * @defaultValue false
-     */
-    childrenOpen?: boolean;
-    /**
-     * Indicates whether a row node is a parent node. This is evaluated automatically
-     * while rendering the table.
-     *
-     * Only applicable for tree views.
-     */
-    isParent?: boolean;
-    /**
-     * Indicates whether a row node is a root node. This is evaluated automatically
-     * while rendering the table.
-     *
-     * Only applicable for tree views.
-     */
-    isRoot?: boolean;
-    /**
-     * Indicates whether a row node is visible. This is evaluated automatically
-     * while rendering the table.
-     *
-     * Only applicable for tree views.
-     */
-    open?: boolean;
-    /**
-     * The indentation level of the row node.
-     *
-     * Only applicable for tree and gantt views.
-     *
-     * @defaultValue 0
-     */
-    indent?: number;
-    /**
-     * The HTML parent element for the row node. This is evaluated automatically while rendering
-     * the table.
-     *
-     * Only applicable for tree and gantt views.
-     */
-    parent?: number;
-    /**
-     * Indicates whether a row node has been modified. This is evaluated automatically when a cell
-     * is edited.
-     *
-     * @defaultValue false
-     */
-    rowModified?: boolean;
-}
-
 /**
  * Schema structure for defining 1:many child table fields inside AForm
  *
@@ -2904,124 +297,6 @@ export declare type TableDoctypeSchema = BaseSchema & {
     readOnly?: boolean;
 };
 
-/**
- * Table modal definition.
- * @public
- */
-export declare interface TableModal {
-    /**
-     * Indicates whether the table modal is currently visible.
-     *
-     * @defaultValue false
-     */
-    visible?: boolean;
-    /**
-     * The HTML cell element that the modal is currently being displayed for. The field is unset
-     * when the modal is not being displayed.
-     */
-    cell?: HTMLTableCellElement | null;
-    /**
-     * The HTML parent element that the modal is currently being displayed for. The field is unset
-     * when the modal is not being displayed.
-     */
-    parent?: HTMLElement;
-    /**
-     * The index of the column that the modal is currently being displayed for. The field is
-     * unset when the modal is not being displayed.
-     */
-    colIndex?: number;
-    /**
-     * The index of the row that the modal is currently being displayed for. The field is
-     * unset when the modal is not being displayed.
-     */
-    rowIndex?: number;
-    /**
-     * The component to use to render the modal. If not provided, the table will
-     * try to use the column's `modalComponent` property, if set. If that is not set,
-     * the table will not display a modal.
-     *
-     * @see {@link TableColumn.modalComponent}
-     */
-    component?: string;
-    /**
-     * Additional properties to pass to the table's modal component.
-     */
-    componentProps?: Record<string, any>;
-    /**
-     * Reactive bottom value for the modal's bounding box. The field is unset when the modal
-     * is not being displayed.
-     */
-    bottom?: ReturnType<typeof useElementBounding>['bottom'];
-    /**
-     * Reactive height value for the modal's bounding box. The field is unset when the modal
-     * is not being displayed.
-     */
-    height?: ReturnType<typeof useElementBounding>['height'];
-    /**
-     * Reactive left value for the modal's bounding box. The field is unset when the modal
-     * is not being displayed.
-     */
-    left?: ReturnType<typeof useElementBounding>['left'];
-    /**
-     * Reactive width value for the modal's bounding box. The field is unset when the modal
-     * is not being displayed.
-     */
-    width?: ReturnType<typeof useElementBounding>['width'];
-}
-
-/**
- * Table modal component props definition.
- * @public
- */
-export declare interface TableModalProps {
-    /**
-     * Additional arbitrary properties that can be passed to the modal component.
-     */
-    [key: string]: any;
-    /**
-     * The index of the column that the modal is currently being displayed for.
-     */
-    colIndex: number;
-    /**
-     * The index of the row that the modal is currently being displayed for.
-     */
-    rowIndex: number;
-    /**
-     * The store for managing the current table's state.
-     */
-    store: ReturnType<typeof createTableStore>;
-}
-
-/**
- * Table row definition.
- * @public
- */
-export declare interface TableRow {
-    /**
-     * Additional arbitrary properties that can be passed to the row object.
-     */
-    [key: string]: any;
-    /**
-     * The indentation level of the row node.
-     *
-     * Only applicable for tree and gantt views.
-     *
-     * @defaultValue 0
-     */
-    indent?: number;
-    /**
-     * The HTML parent element for the row node. This is evaluated automatically while rendering
-     * the table.
-     *
-     * Only applicable for tree and gantt views.
-     */
-    parent?: number;
-    /**
-     * The options to use when rendering the row as a Gantt table.
-     */
-    gantt?: GanttOptions;
-}
-
 /**
  * Schema structure for defining tables inside AForm
  * @public
@@ -3044,51 +319,7 @@ export declare type TableSchema = BaseSchema & {
     rows?: TableRow[];
 };
 
-/**
- * Table configuration for tree-gantt view types.
- * @public
- */
-export declare interface TreeGanttTableConfig extends BaseTableConfig {
-    /**
-     * The type of view to display the table in.
-     */
-    view: 'tree-gantt';
-    /**
-     * Default expansion state for tree views. Possible values:
-     * - `root` - Only top-level nodes are visible (fully collapsed)
-     * - `branch` - Shows minimal tree to display all gantt nodes. Expands only the necessary paths to gantt nodes, stops at gantt nodes with no gantt descendants
-     * - `leaf` - All nodes are visible (fully expanded)
-     *
-     * @defaultValue undefined (default behavior is 'leaf' mode)
-     */
-    defaultTreeExpansion?: 'root' | 'branch' | 'leaf';
-    /**
-     * Control whether dependency graph connections should be enabled for Gantt views.
-     * When false, connection handles and dependency lines will be hidden.
-     *
-     * @defaultValue true
-     */
-    dependencyGraph?: boolean;
-}
 
-/**
- * Table configuration for tree view types.
- * @public
- */
-export declare interface TreeTableConfig extends BaseTableConfig {
-    /**
-     * The type of view to display the table in.
-     */
-    view: 'tree';
-    /**
-     * Default expansion state for tree views. Possible values:
-     * - `root` - Only top-level nodes are visible (fully collapsed)
-     * - `branch` - Shows minimal tree to display all gantt nodes. Expands only the necessary paths to gantt nodes, stops at gantt nodes with no gantt descendants
-     * - `leaf` - All nodes are visible (fully expanded)
-     *
-     * @defaultValue undefined (default behavior is 'leaf' mode)
-     */
-    defaultTreeExpansion?: 'root' | 'branch' | 'leaf';
-}
+export * from "@stonecrop/atable/types";
 
 export { }