sprintify-ui 0.10.13 → 0.10.15

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

@@ -1,37 +1,1022 @@
 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';
-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;
-                    per_page: number;
-                    last_page: number;
-                    total: number;
-                };
-                data: CollectionItem[];
-            } | {
-                data: CollectionItem[];
-                current_page: number;
-                per_page: number;
-                last_page: number;
-                total: number;
-            } | null;
-        }): any;
-        detail?(_: {
+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;
+    }> & 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 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">;
+    $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>;
+        };
+        virtualScrolling: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{
+        onSort?: ((...args: any[]) => any) | undefined;
+        onCheck?: ((...args: any[]) => any) | undefined;
+        "onCheck-all"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
+        "onDetails-open"?: ((...args: any[]) => any) | undefined;
+        "onDetails-close"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
+        "onCell-click"?: ((...args: any[]) => any) | undefined;
+        "onRow-click"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        newColumns: import("vue").ComputedRef<{
+            id: string;
+            label: string;
+            field: string;
+            meta: undefined | Record<string, any>;
+            newKey: string;
+            numeric: boolean;
+            align: "left" | "center" | "right";
+            searchable: boolean;
+            sortable: boolean;
+            ignoreRowInteractions: boolean;
+            toggle: boolean;
+            toggleDefault: boolean;
+            width: number;
+            class?: string | string[] | undefined;
+            to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
+            href?: ((row: import("@/types").Row) => string) | undefined;
+            target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
+            onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
+            style: {
+                width: undefined | number;
+            };
+        }[]>;
+        uncheckAll: () => void;
+        scrollTop: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        sort: (...args: any[]) => void;
+        check: (...args: any[]) => void;
+        "check-all": (...args: any[]) => void;
+        "update:checkedRows": (...args: any[]) => void;
+        "details-open": (...args: any[]) => void;
+        "details-close": (...args: any[]) => void;
+        "update:openedDetailed": (...args: any[]) => void;
+        "cell-click": (...args: any[]) => void;
+        "row-click": (...args: any[]) => void;
+    }, string, {
+        data: import("@/types").Row[];
+        size: "xs" | "sm" | "md" | "lg" | "xl";
+        loading: boolean;
+        sortField: string;
+        sortDirection: string;
+        maxHeight: number;
+        virtualScrolling: boolean;
+        visibleColumns: string[];
+        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;
+    }, {}, 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;
+}> & 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>;
+    };
+    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")> & import("vue").ShallowUnwrapRef<{
+    newColumns: import("vue").ComputedRef<{
+        id: string;
+        label: string;
+        field: string;
+        meta: undefined | Record<string, any>;
+        newKey: string;
+        numeric: boolean;
+        align: "left" | "center" | "right";
+        searchable: boolean;
+        sortable: boolean;
+        ignoreRowInteractions: boolean;
+        toggle: boolean;
+        toggleDefault: boolean;
+        width: number;
+        class?: string | string[] | undefined;
+        to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
+        href?: ((row: import("@/types").Row) => string) | undefined;
+        target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
+        onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
+        style: {
+            width: undefined | number;
+        };
+    }[]>;
+    uncheckAll: () => void;
+    scrollTop: () => void;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        default?: ((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;
+    }> & 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 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">;
+    $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>;
+        };
+        virtualScrolling: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{
+        onSort?: ((...args: any[]) => any) | undefined;
+        onCheck?: ((...args: any[]) => any) | undefined;
+        "onCheck-all"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
+        "onDetails-open"?: ((...args: any[]) => any) | undefined;
+        "onDetails-close"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
+        "onCell-click"?: ((...args: any[]) => any) | undefined;
+        "onRow-click"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        newColumns: import("vue").ComputedRef<{
+            id: string;
+            label: string;
+            field: string;
+            meta: undefined | Record<string, any>;
+            newKey: string;
+            numeric: boolean;
+            align: "left" | "center" | "right";
+            searchable: boolean;
+            sortable: boolean;
+            ignoreRowInteractions: boolean;
+            toggle: boolean;
+            toggleDefault: boolean;
+            width: number;
+            class?: string | string[] | undefined;
+            to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
+            href?: ((row: import("@/types").Row) => string) | undefined;
+            target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
+            onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
+            style: {
+                width: undefined | number;
+            };
+        }[]>;
+        uncheckAll: () => void;
+        scrollTop: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        sort: (...args: any[]) => void;
+        check: (...args: any[]) => void;
+        "check-all": (...args: any[]) => void;
+        "update:checkedRows": (...args: any[]) => void;
+        "details-open": (...args: any[]) => void;
+        "details-close": (...args: any[]) => void;
+        "update:openedDetailed": (...args: any[]) => void;
+        "cell-click": (...args: any[]) => void;
+        "row-click": (...args: any[]) => void;
+    }, string, {
+        data: import("@/types").Row[];
+        size: "xs" | "sm" | "md" | "lg" | "xl";
+        loading: boolean;
+        sortField: string;
+        sortDirection: string;
+        maxHeight: number;
+        virtualScrolling: boolean;
+        visibleColumns: string[];
+        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;
+    }, {}, 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;
+}> & 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>;
+    };
+    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")> & import("vue").ShallowUnwrapRef<{
+    newColumns: import("vue").ComputedRef<{
+        id: string;
+        label: string;
+        field: string;
+        meta: undefined | Record<string, any>;
+        newKey: string;
+        numeric: boolean;
+        align: "left" | "center" | "right";
+        searchable: boolean;
+        sortable: boolean;
+        ignoreRowInteractions: boolean;
+        toggle: boolean;
+        toggleDefault: boolean;
+        width: number;
+        class?: string | string[] | undefined;
+        to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
+        href?: ((row: import("@/types").Row) => string) | undefined;
+        target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
+        onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
+        style: {
+            width: undefined | number;
+        };
+    }[]>;
+    uncheckAll: () => void;
+    scrollTop: () => void;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        default?: ((props: {}) => any) | undefined;
+        detail?: ((props: {
             row: import("@/types").Row;
             index: number;
-        }): any;
-        checkedHeader?(_: any): any;
-        empty?(_: {}): any;
-        filters?(_: {
+        }) => 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;
@@ -42,726 +1027,1051 @@ declare function __VLS_template(): {
             updateQuery: (newQuery: DataTableQuery) => void;
             updateQueryValue: (key: string, value: any) => void;
             updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
-        }): any;
-        sidebarTop?(_: {
-            paginationMetadata: import("@/types").PaginationMetadata | null;
-        }): any;
-        sidebarBottom?(_: {
-            paginationMetadata: import("@/types").PaginationMetadata | null;
-        }): any;
-    };
-    refs: {
-        dataIteratorRef: ({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                search: (items: Collection, search: string | null) => Collection;
-                size: "xs" | "sm" | "md" | "lg" | "xl";
-                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: 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 ? (... /**
-             * Check is a given row is checkable
-             */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<{
+        }) => any) & ((props: {
+            query: {
                 [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, 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, 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, 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;
             };
-        }) | 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;
-            }> & 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 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">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
+            updateQuery: (newQuery: DataTableQuery) => void;
+            updateQueryValue: (key: string, 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;
             };
-            $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>;
-                };
-                virtualScrolling: {
-                    default: boolean;
-                    type: BooleanConstructor;
+            updateQuery: (newQuery: DataTableQuery) => void;
+            updateQueryValue: (key: string, 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;
                 };
-            }>> & Readonly<{
-                onSort?: ((...args: any[]) => any) | undefined;
-                onCheck?: ((...args: any[]) => any) | undefined;
-                "onCheck-all"?: ((...args: any[]) => any) | undefined;
-                "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
-                "onDetails-open"?: ((...args: any[]) => any) | undefined;
-                "onDetails-close"?: ((...args: any[]) => any) | undefined;
-                "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
-                "onCell-click"?: ((...args: any[]) => any) | undefined;
-                "onRow-click"?: ((...args: any[]) => any) | undefined;
-            }>, {
-                newColumns: import("vue").ComputedRef<{
-                    id: string;
-                    label: string;
-                    field: string;
-                    meta: undefined | Record<string, any>;
-                    newKey: string;
-                    numeric: boolean;
-                    align: "left" | "center" | "right";
-                    searchable: boolean;
-                    sortable: boolean;
-                    ignoreRowInteractions: boolean;
-                    toggle: boolean;
-                    toggleDefault: boolean;
-                    width: number;
-                    class?: (string | string[]) | undefined;
-                    to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
-                    href?: ((row: import("@/types").Row) => string) | undefined;
-                    target?: ("_blank" | "_self" | "_parent" | "_top") | undefined;
-                    onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
-                    style: {
-                        width: undefined | number;
-                    };
-                }[]>;
-                uncheckAll: () => void;
-                scrollTop: () => void;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                sort: (...args: any[]) => void;
-                check: (...args: any[]) => void;
-                "check-all": (...args: any[]) => void;
-                "update:checkedRows": (...args: any[]) => void;
-                "details-open": (...args: any[]) => void;
-                "details-close": (...args: any[]) => void;
-                "update:openedDetailed": (...args: any[]) => void;
-                "cell-click": (...args: any[]) => void;
-                "row-click": (...args: any[]) => void;
-            }, string, {
-                data: import("@/types").Row[];
-                size: "xs" | "sm" | "md" | "lg" | "xl";
-                loading: boolean;
-                sortField: string;
-                sortDirection: string;
-                maxHeight: number;
-                virtualScrolling: boolean;
-                visibleColumns: string[];
-                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;
-            }, {}, 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 ? (... /**
-             * Check is a given row is checkable
-             */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";
+                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: 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;
-        }> & 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>;
+            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: {
+            query: {
+                [x: string]: any;
+                page?: number | undefined;
+                sort?: string | undefined;
+                search?: string | undefined;
+                filter?: Record<string, any> | undefined;
             };
-            rowKey: {
-                default: undefined;
-                type: PropType<((row: CollectionItem) => string | number) | undefined>;
+            updateQuery: (newQuery: DataTableQuery) => void;
+            updateQueryValue: (key: string, 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;
             };
-            virtualScrolling: {
-                default: boolean;
-                type: BooleanConstructor;
+            updateQuery: (newQuery: DataTableQuery) => void;
+            updateQueryValue: (key: string, 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;
             };
-        }>> & 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")> & import("vue").ShallowUnwrapRef<{
-            newColumns: import("vue").ComputedRef<{
-                id: string;
-                label: string;
-                field: string;
-                meta: undefined | Record<string, any>;
-                newKey: string;
-                numeric: boolean;
-                align: "left" | "center" | "right";
-                searchable: boolean;
-                sortable: boolean;
-                ignoreRowInteractions: boolean;
-                toggle: boolean;
-                toggleDefault: boolean;
-                width: number;
-                class?: (string | string[]) | undefined;
-                to?: ((row: import("@/types").Row) => RouteLocationRaw) | undefined;
-                href?: ((row: import("@/types").Row) => string) | undefined;
-                target?: ("_blank" | "_self" | "_parent" | "_top") | undefined;
-                onClick?: ((row: import("@/types").Row, index: number, column: import("@/types").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
-                style: {
-                    width: undefined | number;
+            updateQuery: (newQuery: DataTableQuery) => void;
+            updateQueryValue: (key: string, 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;
                 };
-            }[]>;
-            uncheckAll: () => void;
-            scrollTop: () => void;
-        }> & {} & import("vue").ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-                detail?(_: {
-                    row: import("@/types").Row;
-                    index: number;
-                }): any;
-                empty?(_: {}): any;
-            };
-        }) | null;
+                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) | 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, 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>;
     };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+    /**
+     * 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>;
+    };
+    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;
+    };
+}>, {
+    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>;
+    };
+    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;
+    };
+}>> & Readonly<{
+    onDelete?: ((...args: any[]) => any) | undefined;
+    "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
+    onFetch?: ((...args: any[]) => any) | undefined;
+}>, {
+    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;
+    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>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Data table items
@@ -1306,10 +2616,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     rowActions: RowAction[];
     numberOfVisibleRowActions: number;
     storageKey: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };