sprintify-ui 0.10.65 → 0.10.67

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

@@ -1,108 +1,584 @@
 import { PropType } from 'vue';
 import { BaseTableColumnData, CollectionItem, Row } from '@/types';
+import SlotComponent from './SlotComponent';
 import { Size } from '@/utils/sizes';
+import BaseTable from './BaseTable.vue';
+import BaseTableHead from './BaseTableHead.vue';
+import BaseTableHeader from './BaseTableHeader.vue';
+import BaseTableBody from './BaseTableBody.vue';
+import BaseTableRow from './BaseTableRow.vue';
+import BaseTableCell from './BaseTableCell.vue';
 import { RouteLocationRaw } from 'vue-router';
+declare const checkboxStyle = "disabled:bg-slate-100 group-hover:shadow-md  disabled:border-slate-300 disabled:cursor-not-allowed duration-300 cursor-pointer focus:ring-blue-300 border border-slate-300 shadow h-[18px] w-[18px] rounded";
+declare const currentSortColumn: import("vue").Ref<{
+    id: string;
+    label: string;
+    tooltip?: string | undefined;
+    field: string;
+    meta: undefined | Record<string, any>;
+    newKey: string;
+    numeric: boolean;
+    align: "left" | "center" | "right";
+    searchable: boolean;
+    sortable: boolean;
+    ignoreRowInteractions: boolean;
+    toggle: boolean;
+    toggleDefault: boolean;
+    width: number;
+    class?: string | string[] | undefined;
+    to?: ((row: Row) => RouteLocationRaw) | undefined;
+    href?: ((row: Row) => string) | undefined;
+    target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
+    onClick?: ((row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
+    style: {
+        width: undefined | number;
+    };
+} | null, BaseTableColumnData | {
+    id: string;
+    label: string;
+    tooltip?: string | undefined;
+    field: string;
+    meta: undefined | Record<string, any>;
+    newKey: string;
+    numeric: boolean;
+    align: "left" | "center" | "right";
+    searchable: boolean;
+    sortable: boolean;
+    ignoreRowInteractions: boolean;
+    toggle: boolean;
+    toggleDefault: boolean;
+    width: number;
+    class?: string | string[] | undefined;
+    to?: ((row: Row) => RouteLocationRaw) | undefined;
+    href?: ((row: Row) => string) | undefined;
+    target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
+    onClick?: ((row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
+    style: {
+        width: undefined | number;
+    };
+} | null>;
+declare const isAsc: import("vue").Ref<boolean, boolean>;
+declare const slot: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+declare const newColumns: import("vue").ComputedRef<{
+    id: string;
+    label: string;
+    tooltip?: string | undefined;
+    field: string;
+    meta: undefined | Record<string, any>;
+    newKey: string;
+    numeric: boolean;
+    align: "left" | "center" | "right";
+    searchable: boolean;
+    sortable: boolean;
+    ignoreRowInteractions: boolean;
+    toggle: boolean;
+    toggleDefault: boolean;
+    width: number;
+    class?: string | string[] | undefined;
+    to?: ((row: Row) => RouteLocationRaw) | undefined;
+    href?: ((row: Row) => string) | undefined;
+    target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
+    onClick?: ((row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
+    style: {
+        width: undefined | number;
+    };
+}[]>;
+declare const visibleColumnsInternal: import("vue").ComputedRef<{
+    id: string;
+    label: string;
+    tooltip?: string | undefined;
+    field: string;
+    meta: undefined | Record<string, any>;
+    newKey: string;
+    numeric: boolean;
+    align: "left" | "center" | "right";
+    searchable: boolean;
+    sortable: boolean;
+    ignoreRowInteractions: boolean;
+    toggle: boolean;
+    toggleDefault: boolean;
+    width: number;
+    class?: string | string[] | undefined;
+    to?: ((row: Row) => RouteLocationRaw) | undefined;
+    href?: ((row: Row) => string) | undefined;
+    target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
+    onClick?: ((row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
+    style: {
+        width: undefined | number;
+    };
+}[]>;
+/**
+ * Return total column count based if it's checkable or expanded
+ */
+declare const columnCount: import("vue").ComputedRef<number>;
+/**
+ * Return if detailed row tabled
+ * will be with chevron column & icon or not
+ */
+declare const showDetailRowIcon: import("vue").ComputedRef<boolean>;
+/**
+ * Sort the column.
+ * Toggle current direction on column if it's sortable
+ * and not just updating the prop.
+ */
+declare function sort(column: BaseTableColumnData, updatingData?: boolean, event?: null): void;
+/**
+ * Check if the row is checked (is added to the array).
+ */
+declare function isRowChecked(row: Row): boolean;
+/**
+ * Check if all rows in the page are checkable.
+ */
+declare const isAllUncheckable: import("vue").ComputedRef<boolean>;
+/**
+ * Check if all rows in the page are checked.
+ */
+declare const isAllChecked: import("vue").ComputedRef<boolean>;
+/**
+ * Header checkbox click listener.
+ * Add or remove all rows in current page.
+ */
+declare function checkAll(): void;
 /**
  * Remove all rows in current page.
  */
 declare function uncheckAll(): void;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        detail?(_: {
-            row: Row;
-            index: number;
-        }): any;
-        empty?(_: {}): any;
-    };
-    refs: {
-        slot: HTMLDivElement;
-        baseTableRef: ({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly size?: import("../services/table/types").CellSize | undefined;
-                readonly fixedHeader?: boolean | undefined;
-                readonly fixedColumn?: boolean | undefined;
-                readonly grid?: boolean | undefined;
-                readonly striped?: boolean | undefined;
-                readonly flush?: boolean | undefined;
-                readonly class?: import("tailwind-merge").ClassNameValue;
-                readonly maxHeight?: number | undefined;
-                readonly loading?: boolean | undefined;
-                readonly virtualScrolling?: boolean | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-            $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: string, ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("../services/table/types").TableProps> & Readonly<{}>, {
-                scrollTop: () => void;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                class: string | false | 0 | 0n | import("tailwind-merge").ClassNameValue[] | null;
-                size: import("../services/table/types").CellSize;
-                grid: boolean;
-                loading: boolean;
-                fixedHeader: boolean;
-                fixedColumn: boolean;
-                striped: boolean;
-                flush: boolean;
-                maxHeight: number;
-                virtualScrolling: boolean;
-            }, {}, 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<{
-            class: string | false | 0 | 0n | import("tailwind-merge").ClassNameValue[] | null;
-            size: import("../services/table/types").CellSize;
-            grid: boolean;
-            loading: boolean;
-            fixedHeader: boolean;
-            fixedColumn: boolean;
-            striped: boolean;
-            flush: boolean;
-            maxHeight: number;
-            virtualScrolling: boolean;
-        }> & Omit<Readonly<import("../services/table/types").TableProps> & Readonly<{}>, "scrollTop" | ("class" | "size" | "grid" | "loading" | "fixedHeader" | "fixedColumn" | "striped" | "flush" | "maxHeight" | "virtualScrolling")> & import("vue").ShallowUnwrapRef<{
-            scrollTop: () => void;
-        }> & {} & import("vue").ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-                loading?(_: {}): any;
-            };
-        }) | null;
-    };
-    rootEl: any;
+/**
+ * Row checkbox click listener.
+ */
+declare function checkRow(row: Row, index: number, event: MouseEvent): void;
+/**
+ * Toggle to show/hide details slot
+ */
+declare function toggleDetails(row: Row): void;
+declare function isVisibleDetailRow(row: Row): boolean;
+declare function isActiveDetailRow(row: Row): boolean;
+declare function rowBindings(row: CollectionItem, index: number): {
+    onClick: ((event: MouseEvent) => void | undefined) | undefined;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare function onCellClick(row: CollectionItem, index: number, column: BaseTableColumnData, columnIndex: number): ((event: MouseEvent) => void) | undefined;
+declare function getRowKey(row: Row): string;
+declare const baseTableRef: import("vue").Ref<({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly size?: import("../services/table/types").CellSize | undefined;
+        readonly fixedHeader?: boolean | undefined;
+        readonly fixedColumn?: boolean | undefined;
+        readonly grid?: boolean | undefined;
+        readonly striped?: boolean | undefined;
+        readonly flush?: boolean | undefined;
+        readonly class?: import("tailwind-merge").ClassNameValue;
+        readonly maxHeight?: number | undefined;
+        readonly loading?: boolean | undefined;
+        readonly virtualScrolling?: boolean | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $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: string, ...args: any[]) => void;
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("../services/table/types").TableProps> & Readonly<{}>, {
+        scrollTop: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        class: string | false | 0 | 0n | import("tailwind-merge").ClassNameValue[] | null;
+        size: import("../services/table/types").CellSize;
+        grid: boolean;
+        loading: boolean;
+        fixedHeader: boolean;
+        fixedColumn: boolean;
+        striped: boolean;
+        flush: boolean;
+        maxHeight: number;
+        virtualScrolling: boolean;
+    }, {}, 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<{
+    class: string | false | 0 | 0n | import("tailwind-merge").ClassNameValue[] | null;
+    size: import("../services/table/types").CellSize;
+    grid: boolean;
+    loading: boolean;
+    fixedHeader: boolean;
+    fixedColumn: boolean;
+    striped: boolean;
+    flush: boolean;
+    maxHeight: number;
+    virtualScrolling: boolean;
+}> & Omit<Readonly<import("../services/table/types").TableProps> & Readonly<{}>, ("class" | "size" | "grid" | "loading" | "fixedHeader" | "fixedColumn" | "striped" | "flush" | "maxHeight" | "virtualScrolling") | "scrollTop"> & import("vue").ShallowUnwrapRef<{
+    scrollTop: () => void;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        default?: ((props: {}) => any) | undefined;
+        loading?: ((props: {}) => any) | undefined;
+    };
+}) | null, ({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly size?: import("../services/table/types").CellSize | undefined;
+        readonly fixedHeader?: boolean | undefined;
+        readonly fixedColumn?: boolean | undefined;
+        readonly grid?: boolean | undefined;
+        readonly striped?: boolean | undefined;
+        readonly flush?: boolean | undefined;
+        readonly class?: import("tailwind-merge").ClassNameValue;
+        readonly maxHeight?: number | undefined;
+        readonly loading?: boolean | undefined;
+        readonly virtualScrolling?: boolean | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $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: string, ...args: any[]) => void;
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("../services/table/types").TableProps> & Readonly<{}>, {
+        scrollTop: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        class: string | false | 0 | 0n | import("tailwind-merge").ClassNameValue[] | null;
+        size: import("../services/table/types").CellSize;
+        grid: boolean;
+        loading: boolean;
+        fixedHeader: boolean;
+        fixedColumn: boolean;
+        striped: boolean;
+        flush: boolean;
+        maxHeight: number;
+        virtualScrolling: boolean;
+    }, {}, 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<{
+    class: string | false | 0 | 0n | import("tailwind-merge").ClassNameValue[] | null;
+    size: import("../services/table/types").CellSize;
+    grid: boolean;
+    loading: boolean;
+    fixedHeader: boolean;
+    fixedColumn: boolean;
+    striped: boolean;
+    flush: boolean;
+    maxHeight: number;
+    virtualScrolling: boolean;
+}> & Omit<Readonly<import("../services/table/types").TableProps> & Readonly<{}>, ("class" | "size" | "grid" | "loading" | "fixedHeader" | "fixedColumn" | "striped" | "flush" | "maxHeight" | "virtualScrolling") | "scrollTop"> & import("vue").ShallowUnwrapRef<{
+    scrollTop: () => void;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        default?: ((props: {}) => any) | undefined;
+        loading?: ((props: {}) => any) | undefined;
+    };
+}) | null>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_40: {
+    row: Row;
+    index: number;
+}, __VLS_48: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    detail?: (props: typeof __VLS_40) => any;
+} & {
+    empty?: (props: typeof __VLS_48) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Table data */
+    data: {
+        type: PropType<Row[]>;
+        default: () => never[];
+    };
+    /** Loading state */
+    loading: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    visibleColumns: {
+        default: undefined;
+        type: PropType<string[]>;
+    };
+    columnOrder: {
+        default: undefined;
+        type: PropType<string[]>;
+    };
+    /** Allow row details  */
+    detailed: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /** Rows can be checked (multiple) */
+    checkable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /** Custom method to verify if a row is checkable, works when is checkable */
+    isRowCheckable: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    /** Set which rows are checked, use v-model:checkedRows to make it two-way binding */
+    checkedRows: {
+        default: () => never[];
+        type: PropType<Row[]>;
+    };
+    /** Sets the default sort column field */
+    sortField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Sets the default sort column direction
+     * @values asc, desc
+     */
+    sortDirection: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Controls the visibility of the trigger that toggles the detailed rows. */
+    hasDetailedVisible: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    maxHeight: {
+        default: undefined;
+        type: NumberConstructor;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    rowTo: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+    };
+    rowHref: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => string) | undefined>;
+    };
+    onRowClick: {
+        default: undefined;
+        type: PropType<((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
+    };
+    rowKey: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => string | number) | undefined>;
+    };
+    rowSelected: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => boolean) | undefined>;
+    };
+    virtualScrolling: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>, {
+    SlotComponent: typeof SlotComponent;
+    BaseTable: typeof BaseTable;
+    BaseTableHead: typeof BaseTableHead;
+    BaseTableHeader: typeof BaseTableHeader;
+    BaseTableBody: typeof BaseTableBody;
+    BaseTableRow: typeof BaseTableRow;
+    BaseTableCell: typeof BaseTableCell;
+    checkboxStyle: typeof checkboxStyle;
+    currentSortColumn: typeof currentSortColumn;
+    isAsc: typeof isAsc;
+    slot: typeof slot;
+    newColumns: typeof newColumns;
+    visibleColumnsInternal: typeof visibleColumnsInternal;
+    columnCount: typeof columnCount;
+    showDetailRowIcon: typeof showDetailRowIcon;
+    sort: typeof sort;
+    isRowChecked: typeof isRowChecked;
+    isAllUncheckable: typeof isAllUncheckable;
+    isAllChecked: typeof isAllChecked;
+    checkAll: typeof checkAll;
+    checkRow: typeof checkRow;
+    toggleDetails: typeof toggleDetails;
+    isVisibleDetailRow: typeof isVisibleDetailRow;
+    isActiveDetailRow: typeof isActiveDetailRow;
+    rowBindings: typeof rowBindings;
+    onCellClick: typeof onCellClick;
+    getRowKey: typeof getRowKey;
+    baseTableRef: typeof baseTableRef;
+}, {}, {}, {}, 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, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Table data */
+    data: {
+        type: PropType<Row[]>;
+        default: () => never[];
+    };
+    /** Loading state */
+    loading: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    visibleColumns: {
+        default: undefined;
+        type: PropType<string[]>;
+    };
+    columnOrder: {
+        default: undefined;
+        type: PropType<string[]>;
+    };
+    /** Allow row details  */
+    detailed: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /** Rows can be checked (multiple) */
+    checkable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /** Custom method to verify if a row is checkable, works when is checkable */
+    isRowCheckable: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    /** Set which rows are checked, use v-model:checkedRows to make it two-way binding */
+    checkedRows: {
+        default: () => never[];
+        type: PropType<Row[]>;
+    };
+    /** Sets the default sort column field */
+    sortField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Sets the default sort column direction
+     * @values asc, desc
+     */
+    sortDirection: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Controls the visibility of the trigger that toggles the detailed rows. */
+    hasDetailedVisible: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    maxHeight: {
+        default: undefined;
+        type: NumberConstructor;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    rowTo: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+    };
+    rowHref: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => string) | undefined>;
+    };
+    onRowClick: {
+        default: undefined;
+        type: PropType<((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
+    };
+    rowKey: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => string | number) | undefined>;
+    };
+    rowSelected: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => boolean) | undefined>;
+    };
+    virtualScrolling: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onSort?: ((...args: any[]) => any) | undefined;
+    onCheck?: ((...args: any[]) => any) | undefined;
+    "onCheck-all"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
+    "onDetails-open"?: ((...args: any[]) => any) | undefined;
+    "onDetails-close"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
+    "onCell-click"?: ((...args: any[]) => any) | undefined;
+    "onRow-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: 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: Row[];
+    hasDetailedVisible: Function;
+    rowTo: ((row: CollectionItem) => RouteLocationRaw) | undefined;
+    rowHref: ((row: CollectionItem) => string) | undefined;
+    onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
+    rowKey: ((row: CollectionItem) => string | number) | undefined;
+    rowSelected: ((row: CollectionItem) => boolean) | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** Table data */
     data: {
@@ -208,10 +684,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         toggle: boolean;
         toggleDefault: boolean;
         width: number;
-        class?: (string | string[]) | undefined;
+        class?: string | string[] | undefined;
         to?: ((row: Row) => RouteLocationRaw) | undefined;
         href?: ((row: Row) => string) | undefined;
-        target?: ("_blank" | "_self" | "_parent" | "_top") | undefined;
+        target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
         onClick?: ((row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
         style: {
             width: undefined | number;
@@ -349,9 +825,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     rowKey: ((row: CollectionItem) => string | number) | undefined;
     rowSelected: ((row: CollectionItem) => boolean) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+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;
     };