sprintify-ui 0.10.64 → 0.10.65

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

@@ -1,1084 +1,14 @@
 import { PropType } from 'vue';
-import { t } from '@/i18n';
 import { Collection, CollectionItem, DataIteratorSection, DataTableQuery, PaginatedCollection, ResourceCollection, RowAction } from '@/types';
-import BaseDataIterator from './BaseDataIterator.vue';
-import BaseCard from './BaseCard.vue';
-import BaseTableColumn from './BaseTableColumn.vue';
-import BaseDataIteratorSectionColumns from './BaseDataIteratorSectionColumns.vue';
-import { BaseIcon } from '@/index';
-import BaseEmptyState from '../svg/BaseEmptyState.vue';
 import { RouteLocationRaw } from 'vue-router';
-import BaseMenu from './BaseMenu.vue';
-import BaseDataTableRowAction from './BaseDataTableRowAction.vue';
 import { ActionItem } from '@/types';
 import { Size } from '@/utils/sizes';
-import BaseButton from './BaseButton.vue';
-import BaseDataTableTemplate from './BaseDataTableTemplate.vue';
-import { customKeyActions } from '@/services/table/customKeyActions';
-import BaseActionButtons from './BaseActionButtons.vue';
-declare const table: import("vue").Ref<({
-    $: 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[];
-        columnOrder: 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;
-        rowSelected: ((row: CollectionItem) => boolean) | 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 columnOrder?: 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 rowSelected?: ((row: CollectionItem) => boolean) | 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, "data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey" | "rowSelected">;
-    $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[]>;
-        };
-        columnOrder: {
-            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>;
-        };
-        rowSelected: {
-            default: undefined;
-            type: PropType<((row: CollectionItem) => boolean) | 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;
-            tooltip?: string | undefined;
-            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[];
-        columnOrder: 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;
-        rowSelected: ((row: CollectionItem) => boolean) | 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[];
-    columnOrder: 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;
-    rowSelected: ((row: CollectionItem) => boolean) | 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[]>;
-    };
-    columnOrder: {
-        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>;
-    };
-    rowSelected: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => boolean) | 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" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey" | "rowSelected")> & import("vue").ShallowUnwrapRef<{
-    newColumns: import("vue").ComputedRef<{
-        id: string;
-        label: string;
-        tooltip?: string | undefined;
-        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?: ((props: {}) => any) | undefined;
-        detail?: ((props: {
-            row: import("@/types").Row;
-            index: number;
-        }) => any) | undefined;
-        empty?: ((props: {}) => any) | undefined;
-    };
-}) | null, ({
-    $: 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[];
-        columnOrder: 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;
-        rowSelected: ((row: CollectionItem) => boolean) | 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 columnOrder?: 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 rowSelected?: ((row: CollectionItem) => boolean) | 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, "data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey" | "rowSelected">;
-    $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[]>;
-        };
-        columnOrder: {
-            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>;
-        };
-        rowSelected: {
-            default: undefined;
-            type: PropType<((row: CollectionItem) => boolean) | 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;
-            tooltip?: string | undefined;
-            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[];
-        columnOrder: 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;
-        rowSelected: ((row: CollectionItem) => boolean) | 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[];
-    columnOrder: 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;
-    rowSelected: ((row: CollectionItem) => boolean) | 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[]>;
-    };
-    columnOrder: {
-        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>;
-    };
-    rowSelected: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => boolean) | 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" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey" | "rowSelected")> & import("vue").ShallowUnwrapRef<{
-    newColumns: import("vue").ComputedRef<{
-        id: string;
-        label: string;
-        tooltip?: string | undefined;
-        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?: ((props: {}) => any) | undefined;
-        detail?: ((props: {
-            row: import("@/types").Row;
-            index: number;
-        }) => any) | undefined;
-        empty?: ((props: {}) => any) | undefined;
-    };
-}) | null>;
-declare const sizeInternal: {
-    size: import("vue").ComputedRef<"xs" | "sm" | "md" | "lg" | "xl">;
-};
-declare const menuSize: import("vue").ComputedRef<"sm" | "xs">;
-declare const dataIteratorRef: import("vue").Ref<({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
-        search: (items: Collection, search: string | null) => Collection;
-        size: "xs" | "sm" | "md" | "lg" | "xl";
-        items: Collection | undefined;
-        actions: ActionItem[];
-        url: string | 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 search?: ((items: Collection, search: string | null) => Collection) | undefined;
-        readonly items?: Collection | undefined;
-        readonly actions?: ActionItem[] | undefined;
-        readonly url?: string | undefined;
-        readonly urlQuery?: Record<string, any> | undefined;
-        readonly sections?: DataIteratorSection[] | undefined;
-        readonly perPage?: number | 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, "search" | "size" | "items" | "actions" | "url" | "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: undefined;
-            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").ComputedRef<{
-            [x: string]: any;
-            page?: number | undefined;
-            sort?: string | undefined;
-            search?: string | undefined;
-            filter?: Record<string, any> | undefined;
-        } & Record<string, any>>;
-        data: import("vue").ComputedRef<ResourceCollection | Collection | PaginatedCollection | null | 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";
-        items: Collection | undefined;
-        actions: ActionItem[];
-        url: string | 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";
-    items: Collection | undefined;
-    actions: ActionItem[];
-    url: string | 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: undefined;
-        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;
-}>, "data" | "fetch" | "fetchWithLoading" | "fetchWithoutLoading" | "scrollIntoView" | "query" | ("search" | "size" | "items" | "actions" | "url" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode" | "layout" | "sections" | "scrollTopOnFetch" | "filtersPosition" | "perPage")> & import("vue").ShallowUnwrapRef<{
-    fetch: () => void;
-    fetchWithLoading: () => void;
-    fetchWithoutLoading: () => void;
-    scrollIntoView: () => void;
-    query: import("vue").ComputedRef<{
-        [x: string]: any;
-        page?: number | undefined;
-        sort?: string | undefined;
-        search?: string | undefined;
-        filter?: Record<string, any> | undefined;
-    } & Record<string, any>>;
-    data: import("vue").ComputedRef<ResourceCollection | Collection | PaginatedCollection | null | undefined>;
-}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        [x: string]: (((props: {
-            query: {
-                [x: string]: any;
-                page?: number | undefined;
-                sort?: string | undefined;
-                search?: string | undefined;
-                filter?: Record<string, any> | undefined;
-            };
-            updateQuery: (newQuery: DataTableQuery) => void;
-            updateQueryValue: (key: string | DataTableQuery, value?: any) => void;
-            updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
-        }) => any) & ((props: {
-            query: {
-                [x: string]: any;
-                page?: number | undefined;
-                sort?: string | undefined;
-                search?: string | undefined;
-                filter?: Record<string, any> | undefined;
-            };
-            updateQuery: (newQuery: DataTableQuery) => void;
-            updateQueryValue: (key: string | DataTableQuery, value?: any) => void;
-            updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
-        }) => any) & ((props: {
-            query: {
-                [x: string]: any;
-                page?: number | undefined;
-                sort?: string | undefined;
-                search?: string | undefined;
-                filter?: Record<string, any> | undefined;
-            };
-            updateQuery: (newQuery: DataTableQuery) => void;
-            updateQueryValue: (key: string | DataTableQuery, value?: any) => void;
-            updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
-        }) => any)) | undefined;
-        default?: ((props: {
+declare function fetch(): void;
+declare function fetchWithoutLoading(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>> & {
+        default?(_: {
             data: CollectionItem[] | {
                 meta: {
                     current_page: number;
@@ -1094,299 +24,14 @@ declare const dataIteratorRef: import("vue").Ref<({
                 last_page: number;
                 total: number;
             } | null;
-            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) | undefined;
-        sidebarTop?: ((props: {
-            paginationMetadata: import("@/types").PaginationMetadata | null;
-        }) => any) | undefined;
-        sidebarBottom?: ((props: {
-            paginationMetadata: import("@/types").PaginationMetadata | null;
-        }) => any) | undefined;
-    };
-}) | null, ({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
-        search: (items: Collection, search: string | null) => Collection;
-        size: "xs" | "sm" | "md" | "lg" | "xl";
-        items: Collection | undefined;
-        actions: ActionItem[];
-        url: string | 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 search?: ((items: Collection, search: string | null) => Collection) | undefined;
-        readonly items?: Collection | undefined;
-        readonly actions?: ActionItem[] | undefined;
-        readonly url?: string | undefined;
-        readonly urlQuery?: Record<string, any> | undefined;
-        readonly sections?: DataIteratorSection[] | undefined;
-        readonly perPage?: number | 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, "search" | "size" | "items" | "actions" | "url" | "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: undefined;
-            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").ComputedRef<{
-            [x: string]: any;
-            page?: number | undefined;
-            sort?: string | undefined;
-            search?: string | undefined;
-            filter?: Record<string, any> | undefined;
-        } & Record<string, any>>;
-        data: import("vue").ComputedRef<ResourceCollection | Collection | PaginatedCollection | null | 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";
-        items: Collection | undefined;
-        actions: ActionItem[];
-        url: string | 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";
-    items: Collection | undefined;
-    actions: ActionItem[];
-    url: string | 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: undefined;
-        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;
-}>, "data" | "fetch" | "fetchWithLoading" | "fetchWithoutLoading" | "scrollIntoView" | "query" | ("search" | "size" | "items" | "actions" | "url" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode" | "layout" | "sections" | "scrollTopOnFetch" | "filtersPosition" | "perPage")> & import("vue").ShallowUnwrapRef<{
-    fetch: () => void;
-    fetchWithLoading: () => void;
-    fetchWithoutLoading: () => void;
-    scrollIntoView: () => void;
-    query: import("vue").ComputedRef<{
-        [x: string]: any;
-        page?: number | undefined;
-        sort?: string | undefined;
-        search?: string | undefined;
-        filter?: Record<string, any> | undefined;
-    } & Record<string, any>>;
-    data: import("vue").ComputedRef<ResourceCollection | Collection | PaginatedCollection | null | undefined>;
-}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        [x: string]: (((props: {
+        }): any;
+        detail?(_: {
+            row: import("@/types").Row;
+            index: number;
+        }): any;
+        checkedHeader?(_: any): any;
+        empty?(_: {}): any;
+        filters?(_: {
             query: {
                 [x: string]: any;
                 page?: number | undefined;
@@ -1397,733 +42,736 @@ declare const dataIteratorRef: import("vue").Ref<({
             updateQuery: (newQuery: DataTableQuery) => void;
             updateQueryValue: (key: string | DataTableQuery, value?: any) => void;
             updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
-        }) => any) & ((props: {
-            query: {
-                [x: string]: any;
-                page?: number | undefined;
-                sort?: string | undefined;
-                search?: string | undefined;
-                filter?: Record<string, any> | undefined;
+        }): 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";
+                items: Collection | undefined;
+                actions: ActionItem[];
+                url: string | 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 search?: ((items: Collection, search: string | null) => Collection) | undefined;
+                readonly items?: Collection | undefined;
+                readonly actions?: ActionItem[] | undefined;
+                readonly url?: string | undefined;
+                readonly urlQuery?: Record<string, any> | undefined;
+                readonly sections?: DataIteratorSection[] | undefined;
+                readonly perPage?: number | 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, "search" | "size" | "items" | "actions" | "url" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode" | "layout" | "sections" | "scrollTopOnFetch" | "filtersPosition" | "perPage">;
+            $attrs: {
+                [x: string]: unknown;
             };
-            updateQuery: (newQuery: DataTableQuery) => void;
-            updateQueryValue: (key: string | DataTableQuery, value?: any) => void;
-            updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
-        }) => any) & ((props: {
-            query: {
+            $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: HTMLDivElement;
+            $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: undefined;
+                    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").ComputedRef<{
+                    [x: string]: any;
+                    page?: number | undefined;
+                    sort?: string | undefined;
+                    search?: string | undefined;
+                    filter?: Record<string, any> | undefined;
+                } & Record<string, any>>;
+                data: import("vue").ComputedRef<ResourceCollection | Collection | PaginatedCollection | null | 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";
+                items: Collection | undefined;
+                actions: ActionItem[];
+                url: string | 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";
+            items: Collection | undefined;
+            actions: ActionItem[];
+            url: string | 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: undefined;
+                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;
+        }>, "data" | "fetch" | "query" | "fetchWithLoading" | "fetchWithoutLoading" | "scrollIntoView" | ("search" | "size" | "items" | "actions" | "url" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode" | "layout" | "sections" | "scrollTopOnFetch" | "filtersPosition" | "perPage")> & import("vue").ShallowUnwrapRef<{
+            fetch: () => void;
+            fetchWithLoading: () => void;
+            fetchWithoutLoading: () => void;
+            scrollIntoView: () => void;
+            query: import("vue").ComputedRef<{
                 [x: string]: any;
                 page?: number | undefined;
                 sort?: string | undefined;
                 search?: string | undefined;
                 filter?: Record<string, any> | undefined;
+            } & Record<string, any>>;
+            data: import("vue").ComputedRef<ResourceCollection | Collection | PaginatedCollection | null | undefined>;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: Partial<Record<string, (_: {
+                query: {
+                    [x: string]: any;
+                    page?: number | undefined;
+                    sort?: string | undefined;
+                    search?: string | undefined;
+                    filter?: Record<string, any> | undefined;
+                };
+                updateQuery: (newQuery: DataTableQuery) => void;
+                updateQueryValue: (key: string | DataTableQuery, value?: any) => void;
+                updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
+            }) => any>> & Partial<Record<string, (_: {
+                query: {
+                    [x: string]: any;
+                    page?: number | undefined;
+                    sort?: string | undefined;
+                    search?: string | undefined;
+                    filter?: Record<string, any> | undefined;
+                };
+                updateQuery: (newQuery: DataTableQuery) => void;
+                updateQueryValue: (key: string | DataTableQuery, value?: any) => void;
+                updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
+            }) => any>> & Partial<Record<string, (_: {
+                query: {
+                    [x: string]: any;
+                    page?: number | undefined;
+                    sort?: string | undefined;
+                    search?: string | undefined;
+                    filter?: Record<string, any> | undefined;
+                };
+                updateQuery: (newQuery: DataTableQuery) => void;
+                updateQueryValue: (key: string | DataTableQuery, value?: any) => void;
+                updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
+            }) => any>> & {
+                default?(_: {
+                    data: CollectionItem[] | {
+                        meta: {
+                            current_page: number;
+                            per_page: number;
+                            last_page: number;
+                            total: number;
+                        };
+                        data: CollectionItem[];
+                    } | {
+                        data: CollectionItem[];
+                        current_page: number;
+                        per_page: number;
+                        last_page: number;
+                        total: number;
+                    } | null;
+                    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;
             };
-            updateQuery: (newQuery: DataTableQuery) => void;
-            updateQueryValue: (key: string | DataTableQuery, value?: any) => void;
-            updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
-        }) => any)) | undefined;
-        default?: ((props: {
-            data: CollectionItem[] | {
-                meta: {
-                    current_page: number;
-                    per_page: number;
-                    last_page: number;
-                    total: number;
+        }) | 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[];
+                columnOrder: 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;
+                rowSelected: ((row: CollectionItem) => boolean) | 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 columnOrder?: 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 rowSelected?: ((row: CollectionItem) => boolean) | 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, "data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey" | "rowSelected">;
+            $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[];
                 };
-                data: CollectionItem[];
-            } | {
-                data: CollectionItem[];
-                current_page: number;
-                per_page: number;
-                last_page: number;
-                total: number;
-            } | null;
-            items: Collection;
+                loading: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                visibleColumns: {
+                    default: undefined;
+                    type: PropType<string[]>;
+                };
+                columnOrder: {
+                    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>;
+                };
+                rowSelected: {
+                    default: undefined;
+                    type: PropType<((row: CollectionItem) => boolean) | 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;
+                    tooltip?: string | undefined;
+                    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[];
+                columnOrder: 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;
+                rowSelected: ((row: CollectionItem) => boolean) | 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;
-            error: boolean;
-            firstLoad: boolean;
-            page: number;
             sortField: string;
-            sortDirection: "desc" | "asc";
-            onSortChange: (field: string, direction: "desc" | "asc") => void;
-            onPageChange: (p: number) => void;
-        }) => any) | undefined;
-        sidebarTop?: ((props: {
-            paginationMetadata: import("@/types").PaginationMetadata | null;
-        }) => any) | undefined;
-        sidebarBottom?: ((props: {
-            paginationMetadata: import("@/types").PaginationMetadata | null;
-        }) => any) | undefined;
-    };
-}) | null>;
-declare const rowToInternal: import("vue").ComputedRef<((row: CollectionItem) => RouteLocationRaw) | undefined>;
-declare const visibleColumns: import("vue").Ref<string[], string[]>;
-/**
- * Update local storage when check input update
- */
-declare function onUpdateVisibleColumn(columns: string[]): void;
-declare const columnOrder: import("vue").Ref<string[], string[]>;
-declare function onUpdateColumnOrder(value: string[]): void;
-declare const rowActionsInternal: import("vue").ComputedRef<RowAction[]>;
-declare const visibleRowActions: import("vue").ComputedRef<RowAction[]>;
-declare const showRowActionMenu: import("vue").ComputedRef<boolean>;
-declare function rowActionMenuItems(row: CollectionItem): ActionItem[];
-declare const newCheckedRows: import("vue").Ref<Record<string, any>[], Record<string, any>[]>;
-declare function uncheckAll(): void;
-declare const sectionsInternal: import("vue").ComputedRef<DataIteratorSection[]>;
-declare function onCheckedRowsUpdate(checkedRows: Record<string, any>[]): void;
-declare function onWillScrollTop(): void;
-declare function onFetch(payload: null | ResourceCollection | PaginatedCollection | Collection): void;
-declare function fetch(): void;
-declare function fetchWithoutLoading(): void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_28: {
-    data: CollectionItem[] | {
-        meta: {
-            current_page: number;
-            per_page: number;
-            last_page: number;
-            total: number;
-        };
-        data: CollectionItem[];
-    } | {
-        data: CollectionItem[];
-        current_page: number;
-        per_page: number;
-        last_page: number;
-        total: number;
-    } | null;
-}, __VLS_42: {
-    row: import("@/types").Row;
-    index: number;
-}, __VLS_44: any, __VLS_50: {}, __VLS_55: {
-    query: {
-        [x: string]: any;
-        page?: number | undefined;
-        sort?: string | undefined;
-        search?: string | undefined;
-        filter?: Record<string, any> | undefined;
-    };
-    updateQuery: (newQuery: DataTableQuery) => void;
-    updateQueryValue: (key: string | DataTableQuery, value?: any) => void;
-    updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
-}, __VLS_57: {
-    paginationMetadata: import("@/types").PaginationMetadata | null;
-}, __VLS_59: {
-    paginationMetadata: import("@/types").PaginationMetadata | null;
-}, __VLS_70: string, __VLS_71: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    [K in NonNullable<typeof __VLS_70>]?: (props: typeof __VLS_71) => any;
-} & {
-    default?: (props: typeof __VLS_28) => any;
-} & {
-    detail?: (props: typeof __VLS_42) => any;
-} & {
-    checkedHeader?: (props: typeof __VLS_44) => any;
-} & {
-    empty?: (props: typeof __VLS_50) => any;
-} & {
-    filters?: (props: typeof __VLS_55) => any;
-} & {
-    sidebarTop?: (props: typeof __VLS_57) => any;
-} & {
-    sidebarBottom?: (props: typeof __VLS_59) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /**
-     * Data table items
-     */
-    items: {
-        default: undefined;
-        type: PropType<CollectionItem[] | undefined>;
-    };
-    /**
-     * Per page (only when using local data)
-     */
-    perPage: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    /**
-     * Base URL from which to make requests
-     */
-    url: {
-        default: undefined;
-        type: PropType<string | undefined>;
-    };
-    /**
-     * Query params that always get applied
-     */
-    urlQuery: {
-        default: undefined;
-        type: PropType<Record<string, any>>;
-    };
-    /**
-     * Query params that gets applied by default
-     * These may be overwritten by URL params generated by the data-table or filters
-     */
-    defaultQuery: {
-        default: undefined;
-        type: PropType<DataTableQuery>;
-    };
-    /**
-     * Show url for router link
-     */
-    showUrl: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
-    };
-    rowTo: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
-    };
-    rowHref: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => string) | undefined>;
-    };
-    rowSelected: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => boolean) | undefined>;
-    };
-    onRowClick: {
-        default: undefined;
-        type: PropType<(row: CollectionItem, index: number, event: MouseEvent) => void>;
-    };
-    /**
-     * Show/Hide edit button
-     */
-    editButton: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Edit url for router link
-     */
-    editUrl: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+            sortDirection: string;
+            maxHeight: number;
+            virtualScrolling: boolean;
+            visibleColumns: string[];
+            columnOrder: 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;
+            rowSelected: ((row: CollectionItem) => boolean) | 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[]>;
+            };
+            columnOrder: {
+                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>;
+            };
+            rowSelected: {
+                default: undefined;
+                type: PropType<((row: CollectionItem) => boolean) | 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" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey" | "rowSelected")> & import("vue").ShallowUnwrapRef<{
+            newColumns: import("vue").ComputedRef<{
+                id: string;
+                label: string;
+                tooltip?: string | undefined;
+                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;
     };
-    /**
-     * Show/Hide delete button
-     */
-    deleteButton: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Delete endpoint to delete an item
-     */
-    deleteUrl: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => string) | undefined>;
-    };
-    /**
-     * Delete label
-     */
-    deleteLabel: {
-        default: string;
-        type: StringConstructor;
-    };
-    /**
-     * Delete message
-     */
-    deleteMessage: {
-        default: string;
-        type: StringConstructor;
-    };
-    /**
-     * Show toggle-able details on each row
-     */
-    detailed: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Check is a given row has details
-     */
-    hasDetailedVisible: {
-        default(): boolean;
-        type: PropType<(row: any) => boolean>;
-    };
-    /**
-     * Makes row checkable
-     */
-    checkable: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Actions on each row
-     */
-    checkableActions: {
-        default: undefined;
-        type: PropType<ActionItem[]>;
-    };
-    /**
-     * Checked rows array
-     */
-    checkedRows: {
-        default(): never[];
-        type: PropType<Record<string, any>[]>;
-    };
-    /**
-     * Check is a given row is checkable
-     */
-    isRowCheckable: {
-        default(): () => true;
-        type: FunctionConstructor;
-    };
-    /**
-     * Adds a search bar
-     */
-    searchable: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Shows the column toggle utility
-     */
-    toggleable: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Actions
-     */
-    actions: {
-        default: undefined;
-        type: PropType<ActionItem[]>;
-    };
-    /**
-     * Save data table state in URL
-     */
-    historyMode: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    maxHeight: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    /**
-     * Layout type
-     *
-     * default: Layout with a sidebar
-     * compact: Layout without a sidebar, this is the default layout for mobile, even if you don't specify it
-     */
-    layout: {
-        default: string;
-        type: PropType<"default" | "compact">;
-    };
-    /**
-     * Overall size and spacing of the component
-     */
-    size: {
-        default: string;
-        type: PropType<Size>;
-    };
-    /**
-     * Data iterator sections
-     */
-    sections: {
-        default: undefined;
-        type: PropType<DataIteratorSection[]>;
-    };
-    /**
-     * Row actions
-     */
-    rowActions: {
-        default: undefined;
-        type: PropType<RowAction[]>;
-    };
-    /**
-     * Number of visible row actions
-     */
-    numberOfVisibleRowActions: {
-        default: number;
-        type: NumberConstructor;
-    };
-    /**
-     * Scroll to top when fetching new data
-     */
-    scrollTopOnFetch: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Filters position
-     */
-    filtersPosition: {
-        default: string;
-        type: PropType<"top" | "section">;
-    };
-    /**
-     * Row key. Used to identify rows for faster rendering.
-     * If not provided, it will use the id, key or uuid, or create a hash from the row object.
-     */
-    rowKey: {
-        default: undefined;
-        type: PropType<(row: CollectionItem) => string | number>;
-    };
-    /**
-     * Virtual scrolling
-     */
-    virtualScrolling: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Storage key to save visible columns and order settings.
-     * By default, it uses the current URL path, without query params.
-     */
-    storageKey: {
-        type: StringConstructor;
-        default(): string;
-    };
-    /**
-     * Function to search local data
-     */
-    search: {
-        default: undefined;
-        type: PropType<(items: Collection, search: string | null) => Collection>;
-    };
-}>, {
-    t: typeof t;
-    BaseDataIterator: typeof BaseDataIterator;
-    BaseCard: typeof BaseCard;
-    BaseTableColumn: typeof BaseTableColumn;
-    BaseDataIteratorSectionColumns: typeof BaseDataIteratorSectionColumns;
-    BaseIcon: typeof BaseIcon;
-    BaseEmptyState: typeof BaseEmptyState;
-    BaseMenu: typeof BaseMenu;
-    BaseDataTableRowAction: typeof BaseDataTableRowAction;
-    BaseButton: typeof BaseButton;
-    BaseDataTableTemplate: typeof BaseDataTableTemplate;
-    customKeyActions: typeof customKeyActions;
-    BaseActionButtons: typeof BaseActionButtons;
-    table: typeof table;
-    sizeInternal: typeof sizeInternal;
-    menuSize: typeof menuSize;
-    dataIteratorRef: typeof dataIteratorRef;
-    rowToInternal: typeof rowToInternal;
-    visibleColumns: typeof visibleColumns;
-    onUpdateVisibleColumn: typeof onUpdateVisibleColumn;
-    columnOrder: typeof columnOrder;
-    onUpdateColumnOrder: typeof onUpdateColumnOrder;
-    rowActionsInternal: typeof rowActionsInternal;
-    visibleRowActions: typeof visibleRowActions;
-    showRowActionMenu: typeof showRowActionMenu;
-    rowActionMenuItems: typeof rowActionMenuItems;
-    newCheckedRows: typeof newCheckedRows;
-    uncheckAll: typeof uncheckAll;
-    sectionsInternal: typeof sectionsInternal;
-    onCheckedRowsUpdate: typeof onCheckedRowsUpdate;
-    onWillScrollTop: typeof onWillScrollTop;
-    onFetch: typeof onFetch;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    delete: (...args: any[]) => void;
-    "update:checked-rows": (...args: any[]) => void;
-    fetch: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Data table items
-     */
-    items: {
-        default: undefined;
-        type: PropType<CollectionItem[] | undefined>;
-    };
-    /**
-     * Per page (only when using local data)
-     */
-    perPage: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    /**
-     * Base URL from which to make requests
-     */
-    url: {
-        default: undefined;
-        type: PropType<string | undefined>;
-    };
-    /**
-     * Query params that always get applied
-     */
-    urlQuery: {
-        default: undefined;
-        type: PropType<Record<string, any>>;
-    };
-    /**
-     * Query params that gets applied by default
-     * These may be overwritten by URL params generated by the data-table or filters
-     */
-    defaultQuery: {
-        default: undefined;
-        type: PropType<DataTableQuery>;
-    };
-    /**
-     * Show url for router link
-     */
-    showUrl: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
-    };
-    rowTo: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
-    };
-    rowHref: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => string) | undefined>;
-    };
-    rowSelected: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => boolean) | undefined>;
-    };
-    onRowClick: {
-        default: undefined;
-        type: PropType<(row: CollectionItem, index: number, event: MouseEvent) => void>;
-    };
-    /**
-     * Show/Hide edit button
-     */
-    editButton: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Edit url for router link
-     */
-    editUrl: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
-    };
-    /**
-     * Show/Hide delete button
-     */
-    deleteButton: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Delete endpoint to delete an item
-     */
-    deleteUrl: {
-        default: undefined;
-        type: PropType<((row: CollectionItem) => string) | undefined>;
-    };
-    /**
-     * Delete label
-     */
-    deleteLabel: {
-        default: string;
-        type: StringConstructor;
-    };
-    /**
-     * Delete message
-     */
-    deleteMessage: {
-        default: string;
-        type: StringConstructor;
-    };
-    /**
-     * Show toggle-able details on each row
-     */
-    detailed: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Check is a given row has details
-     */
-    hasDetailedVisible: {
-        default(): boolean;
-        type: PropType<(row: any) => boolean>;
-    };
-    /**
-     * Makes row checkable
-     */
-    checkable: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Actions on each row
-     */
-    checkableActions: {
-        default: undefined;
-        type: PropType<ActionItem[]>;
-    };
-    /**
-     * Checked rows array
-     */
-    checkedRows: {
-        default(): never[];
-        type: PropType<Record<string, any>[]>;
-    };
-    /**
-     * Check is a given row is checkable
-     */
-    isRowCheckable: {
-        default(): () => true;
-        type: FunctionConstructor;
-    };
-    /**
-     * Adds a search bar
-     */
-    searchable: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Shows the column toggle utility
-     */
-    toggleable: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Actions
-     */
-    actions: {
-        default: undefined;
-        type: PropType<ActionItem[]>;
-    };
-    /**
-     * Save data table state in URL
-     */
-    historyMode: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    maxHeight: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    /**
-     * Layout type
-     *
-     * default: Layout with a sidebar
-     * compact: Layout without a sidebar, this is the default layout for mobile, even if you don't specify it
-     */
-    layout: {
-        default: string;
-        type: PropType<"default" | "compact">;
-    };
-    /**
-     * Overall size and spacing of the component
-     */
-    size: {
-        default: string;
-        type: PropType<Size>;
-    };
-    /**
-     * Data iterator sections
-     */
-    sections: {
-        default: undefined;
-        type: PropType<DataIteratorSection[]>;
-    };
-    /**
-     * Row actions
-     */
-    rowActions: {
-        default: undefined;
-        type: PropType<RowAction[]>;
-    };
-    /**
-     * Number of visible row actions
-     */
-    numberOfVisibleRowActions: {
-        default: number;
-        type: NumberConstructor;
-    };
-    /**
-     * Scroll to top when fetching new data
-     */
-    scrollTopOnFetch: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Filters position
-     */
-    filtersPosition: {
-        default: string;
-        type: PropType<"top" | "section">;
-    };
-    /**
-     * Row key. Used to identify rows for faster rendering.
-     * If not provided, it will use the id, key or uuid, or create a hash from the row object.
-     */
-    rowKey: {
-        default: undefined;
-        type: PropType<(row: CollectionItem) => string | number>;
-    };
-    /**
-     * Virtual scrolling
-     */
-    virtualScrolling: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /**
-     * Storage key to save visible columns and order settings.
-     * By default, it uses the current URL path, without query params.
-     */
-    storageKey: {
-        type: StringConstructor;
-        default(): string;
-    };
-    /**
-     * Function to search local data
-     */
-    search: {
-        default: undefined;
-        type: PropType<(items: Collection, search: string | null) => Collection>;
-    };
-}>> & Readonly<{
-    onDelete?: ((...args: any[]) => any) | undefined;
-    "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
-    onFetch?: ((...args: any[]) => any) | undefined;
-}>, {
-    search: (items: Collection, search: string | null) => Collection;
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    items: CollectionItem[] | undefined;
-    actions: ActionItem[];
-    url: string | undefined;
-    urlQuery: Record<string, any>;
-    defaultQuery: DataTableQuery;
-    searchable: boolean;
-    historyMode: boolean;
-    layout: "default" | "compact";
-    sections: DataIteratorSection[];
-    scrollTopOnFetch: boolean;
-    filtersPosition: "section" | "top";
-    perPage: number;
-    maxHeight: number;
-    virtualScrolling: boolean;
-    detailed: boolean;
-    checkable: boolean;
-    isRowCheckable: Function;
-    checkedRows: Record<string, any>[];
-    hasDetailedVisible: (row: any) => boolean;
-    rowTo: ((row: CollectionItem) => RouteLocationRaw) | undefined;
-    rowHref: ((row: CollectionItem) => string) | undefined;
-    onRowClick: (row: CollectionItem, index: number, event: MouseEvent) => void;
-    rowKey: (row: CollectionItem) => string | number;
-    rowSelected: ((row: CollectionItem) => boolean) | undefined;
-    showUrl: ((row: CollectionItem) => RouteLocationRaw) | undefined;
-    editButton: boolean;
-    editUrl: ((row: CollectionItem) => RouteLocationRaw) | undefined;
-    deleteButton: boolean;
-    deleteUrl: ((row: CollectionItem) => string) | undefined;
-    deleteLabel: string;
-    deleteMessage: string;
-    checkableActions: ActionItem[];
-    toggleable: boolean;
-    rowActions: RowAction[];
-    numberOfVisibleRowActions: number;
-    storageKey: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Data table items
@@ -2692,10 +1340,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     rowActions: RowAction[];
     numberOfVisibleRowActions: number;
     storageKey: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };