sprintify-ui 0.8.41 → 0.8.42

package/dist/types/components/BaseDataTable.vue.d.ts

@@ -1,30 +1,846 @@
 import { PropType } from 'vue';
-import { CollectionItem, DataIteratorSection, DataTableQuery, RowAction } from '@/types';
+import { Collection, CollectionItem, DataIteratorSection, DataTableQuery, RowAction } from '@/types';
 import { RouteLocationRaw } from 'vue-router';
 import { ActionItem } from '@/types';
 import { Size } from '@/utils/sizes';
 declare function fetch(): void;
 declare function fetchWithoutLoading(): void;
-declare function __VLS_template(): Partial<Record<string, (_: {}) => any>> & {
-    default?(_: {}): any;
-    detail?(_: {
-        row: import("@/types").Row;
-        index: number;
-    }): any;
-    checkedHeader?(_: any): any;
-    filters?(_: {
-        query: DataTableQuery;
-        updateQuery: (newQuery: DataTableQuery) => void;
-        updateQueryValue: (key: string, value: any) => void;
-    }): any;
-    sidebarTop?(_: {
-        paginationMetadata: import("@/types").PaginationMetadata | null;
-    }): any;
-    sidebarBottom?(_: {
-        paginationMetadata: import("@/types").PaginationMetadata | null;
-    }): any;
+declare function __VLS_template(): {
+    slots: Partial<Record<string, (_: {}) => any>> & {
+        default?(_: {}): any;
+        detail?(_: {
+            row: import("@/types").Row;
+            index: number;
+        }): any;
+        checkedHeader?(_: any): any;
+        filters?(_: {
+            query: DataTableQuery;
+            updateQuery: (newQuery: DataTableQuery) => void;
+            updateQueryValue: (key: string, value: any) => void;
+        }): any;
+        sidebarTop?(_: {
+            paginationMetadata: import("@/types").PaginationMetadata | null;
+        }): any;
+        sidebarBottom?(_: {
+            paginationMetadata: import("@/types").PaginationMetadata | null;
+        }): any;
+    };
+    refs: {
+        dataIteratorRef: ({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                search: (items: Collection, search: string | null) => Collection;
+                size: "xs" | "sm" | "md" | "lg" | "xl";
+                url: string | undefined;
+                actions: ActionItem[];
+                items: Collection | undefined;
+                urlQuery: Record<string, any>;
+                defaultQuery: DataTableQuery;
+                searchable: boolean;
+                historyMode: boolean;
+                layout: "default" | "compact";
+                sections: DataIteratorSection[];
+                scrollTopOnFetch: boolean;
+                filtersPosition: "section" | "top";
+                perPage: number;
+            }> & Omit<{
+                readonly size: "xs" | "sm" | "md" | "lg" | "xl";
+                readonly defaultQuery: DataTableQuery;
+                readonly searchable: boolean;
+                readonly historyMode: boolean;
+                readonly layout: "default" | "compact";
+                readonly scrollTopOnFetch: boolean;
+                readonly filtersPosition: "section" | "top";
+                readonly perPage: number;
+                readonly search?: ((items: Collection, search: string | null) => Collection) | undefined;
+                readonly url?: string | undefined;
+                readonly actions?: ActionItem[] | undefined;
+                readonly items?: Collection | undefined;
+                readonly urlQuery?: Record<string, any> | undefined;
+                readonly sections?: DataIteratorSection[] | undefined;
+                readonly onClick?: ((...args: any[]) => any) | undefined;
+                readonly onDelete?: ((...args: any[]) => any) | undefined;
+                readonly onCheckAll?: ((...args: any[]) => any) | undefined;
+                readonly "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
+                readonly onCheck?: ((...args: any[]) => any) | undefined;
+                readonly "onUpdate:query"?: ((...args: any[]) => any) | undefined;
+                readonly "onWill-scroll-top"?: ((...args: any[]) => any) | undefined;
+                readonly onFetch?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                items: {
+                    default: undefined;
+                    type: PropType<Collection | undefined>;
+                };
+                url: {
+                    default: undefined;
+                    type: PropType<string | undefined>;
+                };
+                urlQuery: {
+                    default: undefined;
+                    type: PropType<Record<string, any>>;
+                };
+                defaultQuery: {
+                    default: () => DataTableQuery;
+                    type: PropType<DataTableQuery>;
+                };
+                searchable: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                actions: {
+                    default: undefined;
+                    type: PropType<ActionItem[]>;
+                };
+                historyMode: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                layout: {
+                    default: string;
+                    type: PropType<"default" | "compact">;
+                };
+                size: {
+                    default: string;
+                    type: PropType<Size>;
+                };
+                sections: {
+                    default: undefined;
+                    type: PropType<DataIteratorSection[]>;
+                };
+                scrollTopOnFetch: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                filtersPosition: {
+                    default: string;
+                    type: PropType<"section" | "top">;
+                };
+                perPage: {
+                    default: number;
+                    type: NumberConstructor;
+                };
+                search: {
+                    default: undefined;
+                    type: PropType<(items: Collection, search: string | null) => Collection>;
+                };
+            }>> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+                onDelete?: ((...args: any[]) => any) | undefined;
+                onCheckAll?: ((...args: any[]) => any) | undefined;
+                "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
+                onCheck?: ((...args: any[]) => any) | undefined;
+                "onUpdate:query"?: ((...args: any[]) => any) | undefined;
+                "onWill-scroll-top"?: ((...args: any[]) => any) | undefined;
+                onFetch?: ((...args: any[]) => any) | undefined;
+            }>, "search" | "size" | "url" | "actions" | "items" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode" | "layout" | "sections" | "scrollTopOnFetch" | "filtersPosition" | "perPage">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance | null;
+            $parent: import("vue").ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "click", ...args: any[]) => void) & ((event: "delete", ...args: any[]) => void) & ((event: "checkAll", ...args: any[]) => void) & ((event: "update:checked-rows", ...args: any[]) => void) & ((event: "check", ...args: any[]) => void) & ((event: "update:query", ...args: any[]) => void) & ((event: "will-scroll-top", ...args: any[]) => void) & ((event: "fetch", ...args: any[]) => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                items: {
+                    default: undefined;
+                    type: PropType<Collection | undefined>;
+                };
+                url: {
+                    default: undefined;
+                    type: PropType<string | undefined>;
+                };
+                urlQuery: {
+                    default: undefined;
+                    type: PropType<Record<string, any>>;
+                };
+                defaultQuery: {
+                    default: () => DataTableQuery;
+                    type: PropType<DataTableQuery>;
+                };
+                searchable: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                actions: {
+                    default: undefined;
+                    type: PropType<ActionItem[]>;
+                };
+                historyMode: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                layout: {
+                    default: string;
+                    type: PropType<"default" | "compact">;
+                };
+                size: {
+                    default: string;
+                    type: PropType<Size>;
+                };
+                sections: {
+                    default: undefined;
+                    type: PropType<DataIteratorSection[]>;
+                };
+                scrollTopOnFetch: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                filtersPosition: {
+                    default: string;
+                    type: PropType<"section" | "top">;
+                };
+                perPage: {
+                    default: number;
+                    type: NumberConstructor;
+                };
+                search: {
+                    default: undefined;
+                    type: PropType<(items: Collection, search: string | null) => Collection>;
+                };
+            }>> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+                onDelete?: ((...args: any[]) => any) | undefined;
+                onCheckAll?: ((...args: any[]) => any) | undefined;
+                "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
+                onCheck?: ((...args: any[]) => any) | undefined;
+                "onUpdate:query"?: ((...args: any[]) => any) | undefined;
+                "onWill-scroll-top"?: ((...args: any[]) => any) | undefined;
+                onFetch?: ((...args: any[]) => any) | undefined;
+            }>, {
+                fetch: () => void;
+                fetchWithLoading: () => void;
+                fetchWithoutLoading: () => void;
+                scrollIntoView: () => void;
+                query: import("vue").Ref<{
+                    [x: string]: any;
+                    page?: number | undefined;
+                    sort?: string | undefined;
+                    search?: string | undefined;
+                    filter?: Record<string, any> | undefined;
+                }, DataTableQuery | {
+                    [x: string]: any;
+                    page?: number | undefined;
+                    sort?: string | undefined;
+                    search?: string | undefined;
+                    filter?: Record<string, any> | undefined;
+                }>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (...args: any[]) => void;
+                delete: (...args: any[]) => void;
+                checkAll: (...args: any[]) => void;
+                "update:checked-rows": (...args: any[]) => void;
+                check: (...args: any[]) => void;
+                "update:query": (...args: any[]) => void;
+                "will-scroll-top": (...args: any[]) => void;
+                fetch: (...args: any[]) => void;
+            }, string, {
+                search: (items: Collection, search: string | null) => Collection;
+                size: "xs" | "sm" | "md" | "lg" | "xl";
+                url: string | undefined;
+                actions: ActionItem[];
+                items: Collection | undefined;
+                urlQuery: Record<string, any>;
+                defaultQuery: DataTableQuery;
+                searchable: boolean;
+                historyMode: boolean;
+                layout: "default" | "compact";
+                sections: DataIteratorSection[];
+                scrollTopOnFetch: boolean;
+                filtersPosition: "section" | "top";
+                perPage: number;
+            }, {}, 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 import("vue").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<{
+            search: (items: Collection, search: string | null) => Collection;
+            size: "xs" | "sm" | "md" | "lg" | "xl";
+            url: string | undefined;
+            actions: ActionItem[];
+            items: Collection | undefined;
+            urlQuery: Record<string, any>;
+            defaultQuery: DataTableQuery;
+            searchable: boolean;
+            historyMode: boolean;
+            layout: "default" | "compact";
+            sections: DataIteratorSection[];
+            scrollTopOnFetch: boolean;
+            filtersPosition: "section" | "top";
+            perPage: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            items: {
+                default: undefined;
+                type: PropType<Collection | undefined>;
+            };
+            url: {
+                default: undefined;
+                type: PropType<string | undefined>;
+            };
+            urlQuery: {
+                default: undefined;
+                type: PropType<Record<string, any>>;
+            };
+            defaultQuery: {
+                default: () => DataTableQuery;
+                type: PropType<DataTableQuery>;
+            };
+            searchable: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            actions: {
+                default: undefined;
+                type: PropType<ActionItem[]>;
+            };
+            historyMode: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            layout: {
+                default: string;
+                type: PropType<"default" | "compact">;
+            };
+            size: {
+                default: string;
+                type: PropType<Size>;
+            };
+            sections: {
+                default: undefined;
+                type: PropType<DataIteratorSection[]>;
+            };
+            scrollTopOnFetch: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            filtersPosition: {
+                default: string;
+                type: PropType<"section" | "top">;
+            };
+            perPage: {
+                default: number;
+                type: NumberConstructor;
+            };
+            search: {
+                default: undefined;
+                type: PropType<(items: Collection, search: string | null) => Collection>;
+            };
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+            onDelete?: ((...args: any[]) => any) | undefined;
+            onCheckAll?: ((...args: any[]) => any) | undefined;
+            "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
+            onCheck?: ((...args: any[]) => any) | undefined;
+            "onUpdate:query"?: ((...args: any[]) => any) | undefined;
+            "onWill-scroll-top"?: ((...args: any[]) => any) | undefined;
+            onFetch?: ((...args: any[]) => any) | undefined;
+        }>, "fetch" | "fetchWithLoading" | "fetchWithoutLoading" | "scrollIntoView" | "query" | ("search" | "size" | "url" | "actions" | "items" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode" | "layout" | "sections" | "scrollTopOnFetch" | "filtersPosition" | "perPage")> & import("vue").ShallowUnwrapRef<{
+            fetch: () => void;
+            fetchWithLoading: () => void;
+            fetchWithoutLoading: () => void;
+            scrollIntoView: () => void;
+            query: import("vue").Ref<{
+                [x: string]: any;
+                page?: number | undefined;
+                sort?: string | undefined;
+                search?: string | undefined;
+                filter?: Record<string, any> | undefined;
+            }, DataTableQuery | {
+                [x: string]: any;
+                page?: number | undefined;
+                sort?: string | undefined;
+                search?: string | undefined;
+                filter?: Record<string, any> | undefined;
+            }>;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: Partial<Record<string, (_: {
+                query: DataTableQuery;
+                updateQuery: (newQuery: DataTableQuery) => void;
+                updateQueryValue: (key: string, value: any) => void;
+            }) => any>> & Partial<Record<string, (_: {
+                query: DataTableQuery;
+                updateQuery: (newQuery: DataTableQuery) => void;
+                updateQueryValue: (key: string, value: any) => void;
+            }) => any>> & Partial<Record<string, (_: {
+                query: DataTableQuery;
+                updateQuery: (newQuery: DataTableQuery) => void;
+                updateQueryValue: (key: string, value: any) => void;
+            }) => any>> & {
+                default?(_: {
+                    items: Collection;
+                    loading: boolean;
+                    error: boolean;
+                    firstLoad: boolean;
+                    page: number;
+                    sortField: string;
+                    sortDirection: "desc" | "asc";
+                    onSortChange: (field: string, direction: "desc" | "asc") => void;
+                    onPageChange: (p: number) => void;
+                }): any;
+                sidebarTop?(_: {
+                    paginationMetadata: import("@/types").PaginationMetadata | null;
+                }): any;
+                sidebarBottom?(_: {
+                    paginationMetadata: import("@/types").PaginationMetadata | null;
+                }): any;
+            };
+        }) | null;
+        table: ({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                data: import("@/types").Row[];
+                size: "xs" | "sm" | "md" | "lg" | "xl";
+                loading: boolean;
+                sortField: string;
+                sortDirection: string;
+                maxHeight: number;
+                virtualScrolling: boolean;
+                visibleColumns: string[];
+                detailed: boolean;
+                checkable: boolean;
+                isRowCheckable: Function;
+                checkedRows: import("@/types").Row[];
+                hasDetailedVisible: Function;
+                rowTo: ((row: CollectionItem) => RouteLocationRaw) | undefined;
+                rowHref: ((row: CollectionItem) => string) | undefined;
+                onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
+                rowKey: ((row: CollectionItem) => string | number) | undefined;
+            }> & Omit<{
+                readonly data: import("@/types").Row[];
+                readonly size: "xs" | "sm" | "md" | "lg" | "xl";
+                readonly loading: boolean;
+                readonly sortField: string;
+                readonly sortDirection: string;
+                readonly virtualScrolling: boolean;
+                readonly detailed: boolean;
+                readonly checkable: boolean;
+                readonly isRowCheckable: Function;
+                readonly checkedRows: import("@/types").Row[];
+                readonly hasDetailedVisible: Function;
+                readonly maxHeight?: number | undefined;
+                readonly visibleColumns?: string[] | undefined;
+                readonly rowTo?: ((row: CollectionItem) => RouteLocationRaw) | undefined;
+                readonly rowHref?: ((row: CollectionItem) => string) | undefined;
+                readonly onRowClick?: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
+                readonly rowKey?: ((row: CollectionItem) => string | number) | undefined;
+                readonly onSort?: ((...args: any[]) => any) | undefined;
+                readonly onCheck?: ((...args: any[]) => any) | undefined;
+                readonly "onCheck-all"?: ((...args: any[]) => any) | undefined;
+                readonly "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
+                readonly "onDetails-open"?: ((...args: any[]) => any) | undefined;
+                readonly "onDetails-close"?: ((...args: any[]) => any) | undefined;
+                readonly "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
+                readonly "onCell-click"?: ((...args: any[]) => any) | undefined;
+                readonly "onRow-click"?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                data: {
+                    type: PropType<import("@/types").Row[]>;
+                    default: () => never[];
+                };
+                loading: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                visibleColumns: {
+                    default: undefined;
+                    type: PropType<string[]>;
+                };
+                detailed: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                checkable: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                isRowCheckable: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                checkedRows: {
+                    default: () => never[];
+                    type: PropType<import("@/types").Row[]>;
+                };
+                sortField: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                sortDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                hasDetailedVisible: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                maxHeight: {
+                    default: undefined;
+                    type: NumberConstructor;
+                };
+                size: {
+                    type: PropType<Size>;
+                    default: string;
+                };
+                rowTo: {
+                    default: undefined;
+                    type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+                };
+                rowHref: {
+                    default: undefined;
+                    type: PropType<((row: CollectionItem) => string) | undefined>;
+                };
+                onRowClick: {
+                    default: undefined;
+                    type: PropType<((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
+                };
+                rowKey: {
+                    default: undefined;
+                    type: PropType<((row: CollectionItem) => string | number) | undefined>;
+                };
+                virtualScrolling: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+            }>> & Readonly<{
+                onSort?: ((...args: any[]) => any) | undefined;
+                onCheck?: ((...args: any[]) => any) | undefined;
+                "onCheck-all"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
+                "onDetails-open"?: ((...args: any[]) => any) | undefined;
+                "onDetails-close"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
+                "onCell-click"?: ((...args: any[]) => any) | undefined;
+                "onRow-click"?: ((...args: any[]) => any) | undefined;
+            }>, "data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance | null;
+            $parent: import("vue").ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "sort", ...args: any[]) => void) & ((event: "check", ...args: any[]) => void) & ((event: "check-all", ...args: any[]) => void) & ((event: "update:checkedRows", ...args: any[]) => void) & ((event: "details-open", ...args: any[]) => void) & ((event: "details-close", ...args: any[]) => void) & ((event: "update:openedDetailed", ...args: any[]) => void) & ((event: "cell-click", ...args: any[]) => void) & ((event: "row-click", ...args: any[]) => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                data: {
+                    type: PropType<import("@/types").Row[]>;
+                    default: () => never[];
+                };
+                loading: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                visibleColumns: {
+                    default: undefined;
+                    type: PropType<string[]>;
+                };
+                detailed: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                checkable: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                isRowCheckable: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                checkedRows: {
+                    default: () => never[];
+                    type: PropType<import("@/types").Row[]>;
+                };
+                sortField: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                sortDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                hasDetailedVisible: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                maxHeight: {
+                    default: undefined;
+                    type: NumberConstructor;
+                };
+                size: {
+                    type: PropType<Size>;
+                    default: string;
+                };
+                rowTo: {
+                    default: undefined;
+                    type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+                };
+                rowHref: {
+                    default: undefined;
+                    type: PropType<((row: CollectionItem) => string) | undefined>;
+                };
+                onRowClick: {
+                    default: undefined;
+                    type: PropType<((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
+                };
+                rowKey: {
+                    default: undefined;
+                    type: PropType<((row: CollectionItem) => string | number) | undefined>;
+                };
+                virtualScrolling: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+            }>> & Readonly<{
+                onSort?: ((...args: any[]) => any) | undefined;
+                onCheck?: ((...args: any[]) => any) | undefined;
+                "onCheck-all"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
+                "onDetails-open"?: ((...args: any[]) => any) | undefined;
+                "onDetails-close"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
+                "onCell-click"?: ((...args: any[]) => any) | undefined;
+                "onRow-click"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                newColumns: import("vue").ComputedRef<{
+                    id: string;
+                    label: string;
+                    field: string;
+                    meta: undefined | Record<string, any>;
+                    newKey: string;
+                    numeric: boolean;
+                    align: "left" | "center" | "right";
+                    searchable: boolean;
+                    sortable: boolean;
+                    ignoreRowInteractions: boolean;
+                    toggle: boolean;
+                    toggleDefault: boolean;
+                    width: number;
+                    class?: (string | string[]) | undefined;
+                    to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
+                    href?: ((row: import("@/types").Row) => string) | undefined;
+                    target?: ("_blank" | "_self" | "_parent" | "_top") | undefined;
+                    onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
+                    style: {
+                        width: undefined | number;
+                    };
+                }[]>;
+                uncheckAll: () => void;
+                scrollTop: () => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                sort: (...args: any[]) => void;
+                check: (...args: any[]) => void;
+                "check-all": (...args: any[]) => void;
+                "update:checkedRows": (...args: any[]) => void;
+                "details-open": (...args: any[]) => void;
+                "details-close": (...args: any[]) => void;
+                "update:openedDetailed": (...args: any[]) => void;
+                "cell-click": (...args: any[]) => void;
+                "row-click": (...args: any[]) => void;
+            }, string, {
+                data: import("@/types").Row[];
+                size: "xs" | "sm" | "md" | "lg" | "xl";
+                loading: boolean;
+                sortField: string;
+                sortDirection: string;
+                maxHeight: number;
+                virtualScrolling: boolean;
+                visibleColumns: string[];
+                detailed: boolean;
+                checkable: boolean;
+                isRowCheckable: Function;
+                checkedRows: import("@/types").Row[];
+                hasDetailedVisible: Function;
+                rowTo: ((row: CollectionItem) => RouteLocationRaw) | undefined;
+                rowHref: ((row: CollectionItem) => string) | undefined;
+                onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
+                rowKey: ((row: CollectionItem) => string | number) | undefined;
+            }, {}, 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 import("vue").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<{
+            data: import("@/types").Row[];
+            size: "xs" | "sm" | "md" | "lg" | "xl";
+            loading: boolean;
+            sortField: string;
+            sortDirection: string;
+            maxHeight: number;
+            virtualScrolling: boolean;
+            visibleColumns: string[];
+            detailed: boolean;
+            checkable: boolean;
+            isRowCheckable: Function;
+            checkedRows: import("@/types").Row[];
+            hasDetailedVisible: Function;
+            rowTo: ((row: CollectionItem) => RouteLocationRaw) | undefined;
+            rowHref: ((row: CollectionItem) => string) | undefined;
+            onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
+            rowKey: ((row: CollectionItem) => string | number) | undefined;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: PropType<import("@/types").Row[]>;
+                default: () => never[];
+            };
+            loading: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            visibleColumns: {
+                default: undefined;
+                type: PropType<string[]>;
+            };
+            detailed: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            checkable: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            isRowCheckable: {
+                type: FunctionConstructor;
+                default: () => boolean;
+            };
+            checkedRows: {
+                default: () => never[];
+                type: PropType<import("@/types").Row[]>;
+            };
+            sortField: {
+                type: StringConstructor;
+                default: string;
+            };
+            sortDirection: {
+                type: StringConstructor;
+                default: string;
+            };
+            hasDetailedVisible: {
+                type: FunctionConstructor;
+                default: () => boolean;
+            };
+            maxHeight: {
+                default: undefined;
+                type: NumberConstructor;
+            };
+            size: {
+                type: PropType<Size>;
+                default: string;
+            };
+            rowTo: {
+                default: undefined;
+                type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+            };
+            rowHref: {
+                default: undefined;
+                type: PropType<((row: CollectionItem) => string) | undefined>;
+            };
+            onRowClick: {
+                default: undefined;
+                type: PropType<((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
+            };
+            rowKey: {
+                default: undefined;
+                type: PropType<((row: CollectionItem) => string | number) | undefined>;
+            };
+            virtualScrolling: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{
+            onSort?: ((...args: any[]) => any) | undefined;
+            onCheck?: ((...args: any[]) => any) | undefined;
+            "onCheck-all"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
+            "onDetails-open"?: ((...args: any[]) => any) | undefined;
+            "onDetails-close"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
+            "onCell-click"?: ((...args: any[]) => any) | undefined;
+            "onRow-click"?: ((...args: any[]) => any) | undefined;
+        }>, "scrollTop" | "newColumns" | "uncheckAll" | ("data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey")> & import("vue").ShallowUnwrapRef<{
+            newColumns: import("vue").ComputedRef<{
+                id: string;
+                label: string;
+                field: string;
+                meta: undefined | Record<string, any>;
+                newKey: string;
+                numeric: boolean;
+                align: "left" | "center" | "right";
+                searchable: boolean;
+                sortable: boolean;
+                ignoreRowInteractions: boolean;
+                toggle: boolean;
+                toggleDefault: boolean;
+                width: number;
+                class?: (string | string[]) | undefined;
+                to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
+                href?: ((row: import("@/types").Row) => string) | undefined;
+                target?: ("_blank" | "_self" | "_parent" | "_top") | undefined;
+                onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
+                style: {
+                    width: undefined | number;
+                };
+            }[]>;
+            uncheckAll: () => void;
+            scrollTop: () => void;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+                detail?(_: {
+                    row: import("@/types").Row;
+                    index: number;
+                }): any;
+                empty?(_: {}): any;
+            };
+        }) | null;
+    };
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<{
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Data table items
      */
@@ -263,11 +1079,11 @@ declare const __VLS_component: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {
+}>, {
     fetch: typeof fetch;
     fetchWithoutLoading: typeof fetchWithoutLoading;
     query: import("vue").ComputedRef<DataTableQuery | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (...args: any[]) => void;
     "update:checked-rows": (...args: any[]) => void;
     fetch: (...args: any[]) => void;
@@ -510,11 +1326,11 @@ declare const __VLS_component: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}>> & {
+}>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
     "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
     onFetch?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     size: "xs" | "sm" | "md" | "lg" | "xl";
     url: string | undefined;
     actions: ActionItem[];
@@ -550,8 +1366,8 @@ declare const __VLS_component: import("vue").DefineComponent<{
     toggleable: boolean;
     rowActions: RowAction[];
     numberOfVisibleRowActions: number;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {