import { nextTick } from 'vue';
import { DsgTableSearchFacet } from './DsgTableFilter.vue';
/**
 * ------------------------------------------------
 *  # Setup: Component/Props
 * ------------------------------------------------
 */
export interface DsgTableProps {
    getUrl: string;
    fields: any;
    loadOnStart?: boolean;
    displaySearch?: boolean;
    displayPaginationInfo?: boolean;
    reloadOnChangeTimer?: boolean;
    selectable?: boolean;
    /** Custom CSS colour for the Shift+Hover range highlight. Defaults to primary-50. */
    shiftSelectHighlight?: string;
    /** Custom CSS colour for the selected row background. Defaults to gray-50. */
    selectedRowHighlight?: string;
    trackBy?: string;
    title?: string;
    filters?: DsgTableSearchFacet[];
    initialFilters?: {
        [key: string]: any;
    };
    filterEntity?: string;
    filterEndpoint?: string;
    filterSearchEndpoint?: string;
    tableLayout?: "fixed" | "auto";
    autoSortFilters?: boolean;
    data?: {
        [key: string]: any;
    }[] | null;
    hasHeader?: boolean;
    hasFooter?: boolean;
    perPage?: number;
    paginationPath?: string;
    css?: {
        [key: string]: string;
    };
    /**
     * Row class - can be a string of CSS classes or a function that returns classes based on row data
     * Function signature: (rowData: any, rowIndex: number) => string | string[] | Record<string, boolean>
     */
    rowClass?: string | Function;
    /** API mode - when false, uses local data instead of fetching from API */
    apiMode?: boolean;
    /** Whether to update the URL with sort/filter state. Defaults to true in API mode. */
    replaceState?: boolean;
    /** Strategy for updating URL state - 'window' uses History API. Defaults to 'window'. */
    replaceStrategy?: "window" | "inertia";
    /** Enable detail/expandable rows. When true, each row can have an expandable detail section. */
    hasDetailRow?: boolean;
    /**
     * Whether detail rows are expandable (toggled per row). When true, each row gets an
     * expand/collapse toggle button and the detail row is only visible when expanded.
     * When false, all detail rows are always visible if hasDetailRow is true.
     */
    expandableRows?: boolean;
    /**
     * Whether to allow multiple rows to be expanded simultaneously.
     * When false (default), expanding a row collapses the previously expanded row (accordion mode).
     * When true, any number of rows can be expanded at the same time.
     */
    expandMultiple?: boolean;
    /** Show the expand/collapse column header. Defaults to true. */
    showExpandDetail?: boolean;
    /** Transition name for the detail row. Defaults to 'fade'. */
    detailRowTransition?: string;
    /** Options object passed to the detail row slot. */
    detailRowOptions?: Object;
}
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Partial<Record<string, (_: {
        rowData: any;
        rowIndex: number;
        rowField: import('./DsgTableComponent.vue').DsgTableField;
    }) => any>> & {
        'dsg-table--pre-header'?(_: {}): any;
        'dsg-table--page-title'?(_: {
            data: null;
            title: string;
        }): any;
        'dsg-table--page-actions'?(_: {
            data: null;
        }): any;
        'dsg-table--search-header'?(_: {
            data: null;
        }): any;
        'dsg-table--search-actions'?(_: {
            data: null;
        }): any;
        'dsg-table--search-navigation'?(_: {}): any;
        'dsg-table-actions'?(_: {
            data: {
                rowData: any;
                rowIndex: number;
                rowField: import('./DsgTableComponent.vue').DsgTableField;
            };
        }): any;
        'dsg-table--footer-left'?(_: {
            data: null;
            perPage: {
                perPage: number;
                change: Function;
            };
        }): any;
        'dsg-table--footer-left-extras'?(_: {
            data: null;
            perPage: {
                perPage: number;
                change: Function;
            };
        }): any;
        'dsg-table--footer-center'?(_: {
            data: null;
            perPage: {
                perPage: number;
                change: Function;
            };
        }): any;
        'dsg-table--footer-center-extras'?(_: {
            data: null;
            perPage: {
                perPage: number;
                change: Function;
            };
        }): any;
        'dsg-table--footer-right'?(_: {
            data: null;
            perPage: {
                perPage: number;
                change: Function;
            };
        }): any;
        'dsg-table--footer-right-extras'?(_: {
            data: null;
            perPage: {
                perPage: number;
                change: Function;
            };
        }): any;
    };
    refs: {
        dsgTableSearchHeaderEl: HTMLDivElement;
        dsgTable: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: {
                readonly filterParams?: any;
                readonly perPage?: any;
                readonly fields: Array<any>;
                readonly isDraggable?: boolean | undefined;
                readonly dragApi?: string | undefined;
                readonly loadOnStart?: boolean | undefined;
                readonly apiUrl?: string | undefined;
                readonly httpMethod?: "get" | "post" | undefined;
                readonly reactiveApiUrl?: boolean | undefined;
                readonly apiMode?: boolean | undefined;
                readonly data?: (Array<any> | null) | undefined;
                readonly dataManager?: (Function | null) | undefined;
                readonly dataPath?: string | undefined;
                readonly tableLayout?: "fixed" | "auto" | undefined;
                readonly paginationPath?: string | undefined;
                readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponentQueryParams | undefined;
                readonly httpOptions?: {
                    [key: string]: any;
                } | undefined | undefined;
                readonly hasDetailRow?: boolean | undefined;
                readonly showExpandDetail?: boolean | undefined;
                readonly expandableRows?: boolean | undefined;
                readonly expandMultiple?: boolean | undefined;
                readonly initialPage?: number | undefined;
                readonly firstPage?: number | undefined;
                readonly sortOrder?: Array<any> | undefined;
                readonly multiSort?: boolean | undefined;
                readonly tableHeight?: string | null | undefined;
                readonly multiSortKey?: string | undefined;
                readonly rowClass?: (string | Function) | undefined;
                readonly detailRowComponent?: (string | Object) | undefined;
                readonly detailRowTransition?: string | undefined;
                readonly detailRowClass?: (string | Function) | undefined;
                readonly detailRowOptions?: Object | undefined;
                readonly trackBy?: string | undefined;
                readonly css?: import('./DsgTableComponent.vue').DsgTableCustomCss | undefined;
                readonly minRows?: number | undefined;
                readonly noDataTemplate?: string | undefined;
                readonly showSortIcons?: boolean | undefined;
                readonly headerRows?: Array<any> | undefined;
                readonly transform?: (Function | null) | undefined;
                readonly sortParams?: (Function | null) | undefined;
                readonly fieldPrefix?: string | undefined;
                readonly eventPrefix?: string | undefined;
                readonly selectable?: boolean | undefined;
                readonly shiftSelectHighlight?: string | undefined;
                readonly selectedRowHighlight?: string | undefined;
                readonly replaceState?: boolean | undefined;
                readonly replaceStrategy?: "window" | "inertia" | undefined;
                readonly "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
                readonly "onDsg-table:loaded"?: (() => any) | undefined;
                readonly "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
                readonly "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
                readonly "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
                readonly "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
                readonly "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
                readonly "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
                readonly "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
                readonly "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
                readonly "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
                readonly "onUpdate:filterParams"?: ((value: any) => any) | undefined;
                readonly "onUpdate:perPage"?: ((value: any) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
            $attrs: import('vue').Attrs;
            $refs: {
                [x: string]: unknown;
            } & {
                dsgTableBodyWrapper: HTMLDivElement;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "dsg-table:row-clicked", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-hover", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-dblclick", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-expanded", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "dsg-table:row-collapsed", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
            $el: HTMLDivElement;
            $options: import('vue').ComponentOptionsBase<Readonly<{
                filterParams?: any;
                perPage?: any;
            } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
                "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
                "onDsg-table:loaded"?: (() => any) | undefined;
                "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
                "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
                "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
                "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
                "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
                "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
                "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
                "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
                "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
                "onUpdate:filterParams"?: ((value: any) => any) | undefined;
                "onUpdate:perPage"?: ((value: any) => any) | undefined;
            }>, {
                changePage: (page: "next" | "prev" | number) => void;
                reload: () => void;
                getData: () => any[] | null;
                setData: (rows: any[] | null) => void;
                setLoading: (loadingState: boolean) => void;
                expandRow: (item: any) => void;
                collapseRow: (item: any) => void;
                toggleRowExpand: (item: any, itemIndex: number) => void;
                expandAllRows: () => void;
                collapseAllRows: () => void;
                getExpandedRows: () => Set<any>;
                isRowExpanded: (item: any) => boolean;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                "update:filterParams": (value: any) => any;
                "update:perPage": (value: any) => any;
            } & {
                "dsg-table:loading": (loading: boolean) => any;
                "dsg-table:loaded": () => any;
                "dsg-table:load-success": (response: import('axios').AxiosResponse<any, any, {}>) => any;
                "dsg-table:load-error": (response: import('axios').AxiosResponse<any, any, {}>) => any;
                "dsg-table:pagination-data": (paginationData: any) => any;
                "dsg-table:rows-selected": (rows: any) => any;
                "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
                "dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
                "dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
                "dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
                "dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{}> & Omit<Readonly<{
            filterParams?: any;
            perPage?: any;
        } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
            "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
            "onDsg-table:loaded"?: (() => any) | undefined;
            "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
            "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
            "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
            "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
            "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
            "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
            "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
            "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
            "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
            "onUpdate:filterParams"?: ((value: any) => any) | undefined;
            "onUpdate:perPage"?: ((value: any) => any) | undefined;
        }>, "changePage" | "reload" | "getData" | "setData" | "setLoading" | "expandRow" | "collapseRow" | "toggleRowExpand" | "expandAllRows" | "collapseAllRows" | "getExpandedRows" | "isRowExpanded"> & {
            changePage: (page: "next" | "prev" | number) => void;
            reload: () => void;
            getData: () => any[] | null;
            setData: (rows: any[] | null) => void;
            setLoading: (loadingState: boolean) => void;
            expandRow: (item: any) => void;
            collapseRow: (item: any) => void;
            toggleRowExpand: (item: any, itemIndex: number) => void;
            expandAllRows: () => void;
            collapseAllRows: () => void;
            getExpandedRows: () => Set<any>;
            isRowExpanded: (item: any) => boolean;
        } & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Partial<Record<string, (_: {
                rowData: any;
                rowIndex: number;
                rowField: import('./DsgTableComponent.vue').DsgTableField;
            }) => any>> & {
                tableHeader?(_: {
                    fields: import('./DsgTableComponent.vue').DsgTableField[];
                }): any;
                'dsg-table-loading'?(_: {}): any;
                'dsg-table-detail-row'?(_: {
                    rowData: any;
                    rowIndex: number;
                    options: Object;
                    isExpanded: boolean;
                }): any;
                'dsg-table-empty-result'?(_: {}): any;
                'dsg-table-footer'?(_: {
                    fields: import('./DsgTableComponent.vue').DsgTableField[];
                    data: any[] | null;
                }): any;
            };
        }) | null;
        dsgTableFooterEl: HTMLDivElement;
        paginationInfoStart: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
            pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null;
        } & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{
            "onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined;
        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:pagination": (value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any;
        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<{
            pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null;
        } & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{
            "onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined;
        }>, {}, {}, {}, {}, {}> | null;
        pagination: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
            pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null;
        } & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{
            "onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined;
            "onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined;
        }>, {
            loadPage: (page: import('./DsgTablePagination.vue').Page) => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:pagination": (value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any;
        } & {
            "dsg-table:change-page": (page: import('./DsgTablePagination.vue').Page) => any;
        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<{
            pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null;
        } & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{
            "onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined;
            "onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined;
        }>, {
            loadPage: (page: import('./DsgTablePagination.vue').Page) => void;
        }, {}, {}, {}, {}> | null;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
    reloadTable: () => void;
    updateRowTable: (rowData: any) => void;
    addRowTable: (rowData: any) => void;
    deleteRowTable: (rowData: any) => void;
    setData: (data: any[]) => void;
    getData: () => any[];
    mutateData: (mutator: (data: any[]) => any[] | void) => void;
    termChanged: (term: string | null) => void;
    setFilters: (filters: any) => void;
    getFilters: () => {
        [key: string]: any;
    };
    setLoading: (loadingState: boolean) => void;
    expandRow: (item: any) => void;
    collapseRow: (item: any) => void;
    toggleRowExpand: (item: any, itemIndex: number) => void;
    expandAllRows: () => void;
    collapseAllRows: () => void;
    getExpandedRows: () => Set<any>;
    changePage: (page: any) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
    "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
    "dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
    "dsg-table:action-delete": (ev: Event, rowData: Record<string, any>) => any;
    "dsg-table:action-archive": (ev: Event, rowData: Record<string, any>) => any;
    "dsg-table:link-clicked": (ev: Event, actionId: string | number, rowData: Record<string, any>) => any;
    "dsg-table:term-changed": (term: string | null) => any;
    "dsg-table:filter-updated": (params: any, payload: any, activeFacet: DsgTableSearchFacet | null | undefined) => any;
    "dsg-table:rows-selected": (rows: any) => any;
    "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
    "dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
    "dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
    "dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
    "dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
    "dsg-table:data-loaded": (data: any) => any;
}, string, import('vue').PublicProps, Readonly<DsgTableProps> & Readonly<{
    "onDsg-table:action-edit"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined;
    "onDsg-table:action-view"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined;
    "onDsg-table:action-delete"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined;
    "onDsg-table:action-archive"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined;
    "onDsg-table:link-clicked"?: ((ev: Event, actionId: string | number, rowData: Record<string, any>) => any) | undefined;
    "onDsg-table:term-changed"?: ((term: string | null) => any) | undefined;
    "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: DsgTableSearchFacet | null | undefined) => any) | undefined;
    "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
    "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
    "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
    "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
    "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
    "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
    "onDsg-table:data-loaded"?: ((data: any) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    dsgTableSearchHeaderEl: HTMLDivElement;
    dsgTable: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: {
            readonly filterParams?: any;
            readonly perPage?: any;
            readonly fields: Array<any>;
            readonly isDraggable?: boolean | undefined;
            readonly dragApi?: string | undefined;
            readonly loadOnStart?: boolean | undefined;
            readonly apiUrl?: string | undefined;
            readonly httpMethod?: "get" | "post" | undefined;
            readonly reactiveApiUrl?: boolean | undefined;
            readonly apiMode?: boolean | undefined;
            readonly data?: (Array<any> | null) | undefined;
            readonly dataManager?: (Function | null) | undefined;
            readonly dataPath?: string | undefined;
            readonly tableLayout?: "fixed" | "auto" | undefined;
            readonly paginationPath?: string | undefined;
            readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponentQueryParams | undefined;
            readonly httpOptions?: {
                [key: string]: any;
            } | undefined | undefined;
            readonly hasDetailRow?: boolean | undefined;
            readonly showExpandDetail?: boolean | undefined;
            readonly expandableRows?: boolean | undefined;
            readonly expandMultiple?: boolean | undefined;
            readonly initialPage?: number | undefined;
            readonly firstPage?: number | undefined;
            readonly sortOrder?: Array<any> | undefined;
            readonly multiSort?: boolean | undefined;
            readonly tableHeight?: string | null | undefined;
            readonly multiSortKey?: string | undefined;
            readonly rowClass?: (string | Function) | undefined;
            readonly detailRowComponent?: (string | Object) | undefined;
            readonly detailRowTransition?: string | undefined;
            readonly detailRowClass?: (string | Function) | undefined;
            readonly detailRowOptions?: Object | undefined;
            readonly trackBy?: string | undefined;
            readonly css?: import('./DsgTableComponent.vue').DsgTableCustomCss | undefined;
            readonly minRows?: number | undefined;
            readonly noDataTemplate?: string | undefined;
            readonly showSortIcons?: boolean | undefined;
            readonly headerRows?: Array<any> | undefined;
            readonly transform?: (Function | null) | undefined;
            readonly sortParams?: (Function | null) | undefined;
            readonly fieldPrefix?: string | undefined;
            readonly eventPrefix?: string | undefined;
            readonly selectable?: boolean | undefined;
            readonly shiftSelectHighlight?: string | undefined;
            readonly selectedRowHighlight?: string | undefined;
            readonly replaceState?: boolean | undefined;
            readonly replaceStrategy?: "window" | "inertia" | undefined;
            readonly "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
            readonly "onDsg-table:loaded"?: (() => any) | undefined;
            readonly "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
            readonly "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
            readonly "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
            readonly "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
            readonly "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
            readonly "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
            readonly "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
            readonly "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
            readonly "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
            readonly "onUpdate:filterParams"?: ((value: any) => any) | undefined;
            readonly "onUpdate:perPage"?: ((value: any) => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
        $attrs: import('vue').Attrs;
        $refs: {
            [x: string]: unknown;
        } & {
            dsgTableBodyWrapper: HTMLDivElement;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "dsg-table:row-clicked", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-hover", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-dblclick", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-expanded", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "dsg-table:row-collapsed", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<{
            filterParams?: any;
            perPage?: any;
        } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
            "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
            "onDsg-table:loaded"?: (() => any) | undefined;
            "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
            "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
            "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
            "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
            "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
            "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
            "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
            "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
            "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
            "onUpdate:filterParams"?: ((value: any) => any) | undefined;
            "onUpdate:perPage"?: ((value: any) => any) | undefined;
        }>, {
            changePage: (page: "next" | "prev" | number) => void;
            reload: () => void;
            getData: () => any[] | null;
            setData: (rows: any[] | null) => void;
            setLoading: (loadingState: boolean) => void;
            expandRow: (item: any) => void;
            collapseRow: (item: any) => void;
            toggleRowExpand: (item: any, itemIndex: number) => void;
            expandAllRows: () => void;
            collapseAllRows: () => void;
            getExpandedRows: () => Set<any>;
            isRowExpanded: (item: any) => boolean;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:filterParams": (value: any) => any;
            "update:perPage": (value: any) => any;
        } & {
            "dsg-table:loading": (loading: boolean) => any;
            "dsg-table:loaded": () => any;
            "dsg-table:load-success": (response: import('axios').AxiosResponse<any, any, {}>) => any;
            "dsg-table:load-error": (response: import('axios').AxiosResponse<any, any, {}>) => any;
            "dsg-table:pagination-data": (paginationData: any) => any;
            "dsg-table:rows-selected": (rows: any) => any;
            "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
            "dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
            "dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
            "dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
            "dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
    } & Readonly<{}> & Omit<Readonly<{
        filterParams?: any;
        perPage?: any;
    } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
        "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
        "onDsg-table:loaded"?: (() => any) | undefined;
        "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
        "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
        "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
        "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
        "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
        "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
        "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
        "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
        "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
        "onUpdate:filterParams"?: ((value: any) => any) | undefined;
        "onUpdate:perPage"?: ((value: any) => any) | undefined;
    }>, "changePage" | "reload" | "getData" | "setData" | "setLoading" | "expandRow" | "collapseRow" | "toggleRowExpand" | "expandAllRows" | "collapseAllRows" | "getExpandedRows" | "isRowExpanded"> & {
        changePage: (page: "next" | "prev" | number) => void;
        reload: () => void;
        getData: () => any[] | null;
        setData: (rows: any[] | null) => void;
        setLoading: (loadingState: boolean) => void;
        expandRow: (item: any) => void;
        collapseRow: (item: any) => void;
        toggleRowExpand: (item: any, itemIndex: number) => void;
        expandAllRows: () => void;
        collapseAllRows: () => void;
        getExpandedRows: () => Set<any>;
        isRowExpanded: (item: any) => boolean;
    } & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: Partial<Record<string, (_: {
            rowData: any;
            rowIndex: number;
            rowField: import('./DsgTableComponent.vue').DsgTableField;
        }) => any>> & {
            tableHeader?(_: {
                fields: import('./DsgTableComponent.vue').DsgTableField[];
            }): any;
            'dsg-table-loading'?(_: {}): any;
            'dsg-table-detail-row'?(_: {
                rowData: any;
                rowIndex: number;
                options: Object;
                isExpanded: boolean;
            }): any;
            'dsg-table-empty-result'?(_: {}): any;
            'dsg-table-footer'?(_: {
                fields: import('./DsgTableComponent.vue').DsgTableField[];
                data: any[] | null;
            }): any;
        };
    }) | null;
    dsgTableFooterEl: HTMLDivElement;
    paginationInfoStart: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
        pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null;
    } & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{
        "onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined;
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        "update:pagination": (value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any;
    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<{
        pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null;
    } & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{
        "onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined;
    }>, {}, {}, {}, {}, {}> | null;
    pagination: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
        pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null;
    } & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{
        "onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined;
        "onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined;
    }>, {
        loadPage: (page: import('./DsgTablePagination.vue').Page) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        "update:pagination": (value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any;
    } & {
        "dsg-table:change-page": (page: import('./DsgTablePagination.vue').Page) => any;
    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<{
        pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null;
    } & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{
        "onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined;
        "onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined;
    }>, {
        loadPage: (page: import('./DsgTablePagination.vue').Page) => void;
    }, {}, {}, {}, {}> | null;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
