UNPKG

@dcodegroup-au/dsg-vue

Version:

Front-end Vue/Tailwind DSG for UntitledUI.

521 lines (520 loc) 30.3 kB
import { DsgTableSearchFacet } from './DsgTableFilter.vue'; /** * ------------------------------------------------ * # Setup: Component/Props * ------------------------------------------------ */ export interface DsgTableProps { getUrl: string; fields: any; loadOnStart?: boolean; displayPaginationInfo?: boolean; reloadOnChangeTimer?: boolean; selectable?: boolean; trackBy?: string; title?: string; filters?: DsgTableSearchFacet[]; filterEntity?: string; filterEndpoint?: string; filterSearchEndpoint?: string; tableLayout?: "fixed" | "auto"; } declare function __VLS_template(): { attrs: Partial<{}>; slots: Partial<Record<string, (_: { rowData: any; rowField: import('./DsgTableComponent.vue').DsgTableField; rowIndex: number; }) => any>> & { 'dsg-table--pre-header'?(_: {}): any; 'dsg-table--page-title'?(_: { data: null; title: string; }): any; 'dsg-table--page-actions'?(_: { data: null; }): any; 'dsg-table--search-header'?(_: { data: null; }): any; 'dsg-table--search-actions'?(_: { data: null; }): any; 'dsg-table--search-navigation'?(_: {}): any; 'dsg-table-actions'?(_: { data: { rowData: any; rowIndex: number; rowField: import('./DsgTableComponent.vue').DsgTableField; }; }): any; 'dsg-table--footer-left'?(_: { data: null; perPage: { perPage: number; change: Function; }; }): any; 'dsg-table--footer-left-extras'?(_: { data: null; perPage: { perPage: number; change: Function; }; }): any; 'dsg-table--footer-center'?(_: { data: null; perPage: { perPage: number; change: Function; }; }): any; 'dsg-table--footer-center-extras'?(_: { data: null; perPage: { perPage: number; change: Function; }; }): any; 'dsg-table--footer-right'?(_: { data: null; perPage: { perPage: number; change: Function; }; }): any; 'dsg-table--footer-right-extras'?(_: { data: null; perPage: { perPage: number; change: Function; }; }): any; }; refs: { dsgTable: ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: { readonly filterParams?: any; readonly perPage?: any; readonly fields: Array<any>; readonly isDraggable?: boolean | undefined; readonly dragApi?: string | undefined; readonly loadOnStart?: boolean | undefined; readonly apiUrl?: string | undefined; readonly httpMethod?: "get" | "post" | undefined; readonly reactiveApiUrl?: boolean | undefined; readonly apiMode?: boolean | undefined; readonly data?: (Array<any> | null) | undefined; readonly dataManager?: (Function | null) | undefined; readonly dataPath?: string | undefined; readonly tableLayout?: "fixed" | "auto" | undefined; readonly paginationPath?: string | undefined; readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponentQueryParams | undefined; readonly httpOptions?: { [key: string]: any; } | undefined | undefined; readonly hasDetailRow?: boolean | undefined; readonly showExpandDetail?: boolean | undefined; readonly initialPage?: number | undefined; readonly firstPage?: number | undefined; readonly sortOrder?: Array<any> | undefined; readonly multiSort?: boolean | undefined; readonly tableHeight?: string | null | undefined; readonly multiSortKey?: string | undefined; readonly rowClass?: (string | Function) | undefined; readonly detailRowComponent?: (string | Object) | undefined; readonly detailRowTransition?: string | undefined; readonly detailRowClass?: (string | Function) | undefined; readonly detailRowOptions?: Object | undefined; readonly trackBy?: string | undefined; readonly css?: import('./DsgTableComponent.vue').DsgTableCustomCss | undefined; readonly minRows?: number | undefined; readonly noDataTemplate?: string | undefined; readonly showSortIcons?: boolean | undefined; readonly headerRows?: Array<any> | undefined; readonly transform?: (Function | null) | undefined; readonly sortParams?: (Function | null) | undefined; readonly fieldPrefix?: string | undefined; readonly eventPrefix?: string | undefined; readonly selectable?: boolean | undefined; readonly "onDsg-table:loading"?: ((loading: boolean) => any) | undefined; readonly "onDsg-table:loaded"?: (() => any) | undefined; readonly "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; readonly "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; readonly "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined; readonly "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined; readonly "onUpdate:filterParams"?: ((value: any) => any) | undefined; readonly "onUpdate:perPage"?: ((value: any) => any) | undefined; } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; } & { dsgTableBodyWrapper: HTMLDivElement; }; $slots: Readonly<{ [name: string]: import('vue').Slot<any> | undefined; }>; $root: import('vue').ComponentPublicInstance | null; $parent: import('vue').ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void); $el: HTMLDivElement; $options: import('vue').ComponentOptionsBase<Readonly<{ filterParams?: any; perPage?: any; } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{ "onDsg-table:loading"?: ((loading: boolean) => any) | undefined; "onDsg-table:loaded"?: (() => any) | undefined; "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined; "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined; "onUpdate:filterParams"?: ((value: any) => any) | undefined; "onUpdate:perPage"?: ((value: any) => any) | undefined; }>, { changePage: (page: "next" | "prev" | number) => void; reload: () => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { "update:filterParams": (value: any) => any; "update:perPage": (value: any) => any; } & { "dsg-table:loading": (loading: boolean) => any; "dsg-table:loaded": () => any; "dsg-table:load-success": (response: import('axios').AxiosResponse<any, any>) => any; "dsg-table:load-error": (response: import('axios').AxiosResponse<any, any>) => any; "dsg-table:pagination-data": (paginationData: any) => any; "dsg-table:rows-selected": (rows: any) => any; }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof 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<{}> & Omit<Readonly<{ filterParams?: any; perPage?: any; } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{ "onDsg-table:loading"?: ((loading: boolean) => any) | undefined; "onDsg-table:loaded"?: (() => any) | undefined; "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined; "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined; "onUpdate:filterParams"?: ((value: any) => any) | undefined; "onUpdate:perPage"?: ((value: any) => any) | undefined; }>, "changePage" | "reload"> & import('vue').ShallowUnwrapRef<{ changePage: (page: "next" | "prev" | number) => void; reload: () => void; }> & {} & import('vue').ComponentCustomProperties & {} & { $slots: Partial<Record<string, (_: { rowData: any; rowIndex: number; rowField: import('./DsgTableComponent.vue').DsgTableField; }) => any>> & { tableHeader?(_: { fields: import('./DsgTableComponent.vue').DsgTableField[]; }): any; 'dsg-table-loading'?(_: {}): any; 'dsg-table-detail-row'?(_: { rowData: any; rowIndex: number; options: Object; }): any; 'dsg-table-empty-result'?(_: {}): any; 'dsg-table-footer'?(_: { fields: import('./DsgTableComponent.vue').DsgTableField[]; data: any[] | null; }): any; }; }) | null; paginationInfoStart: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{ pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null; } & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{ "onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined; }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { "update:pagination": (value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any; }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null; } & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{ "onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined; }>, {}, {}, {}, {}, {}> | null; pagination: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{ pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null; } & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{ "onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined; "onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined; }>, { loadPage: (page: import('./DsgTablePagination.vue').Page) => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { "update:pagination": (value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any; } & { "dsg-table:change-page": (page: import('./DsgTablePagination.vue').Page) => any; }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null; } & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{ "onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined; "onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined; }>, { loadPage: (page: import('./DsgTablePagination.vue').Page) => void; }, {}, {}, {}, {}> | null; }; rootEl: HTMLDivElement; }; type __VLS_TemplateResult = ReturnType<typeof __VLS_template>; declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, { reloadTable: () => void; updateRowTable: (rowData: any) => void; termChanged: (term: string | null) => void; setFilters: (filters: any) => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & { "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any; "dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any; "dsg-table:action-delete": (ev: Event, rowData: Record<string, any>) => any; "dsg-table:link-clicked": (ev: Event, actionId: string | number, rowData: Record<string, any>) => any; "dsg-table:rows-selected": (rows: any) => any; }, string, import('vue').PublicProps, Readonly<DsgTableProps> & Readonly<{ "onDsg-table:action-edit"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined; "onDsg-table:action-view"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined; "onDsg-table:action-delete"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined; "onDsg-table:link-clicked"?: ((ev: Event, actionId: string | number, rowData: Record<string, any>) => any) | undefined; "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined; }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, { dsgTable: ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: { readonly filterParams?: any; readonly perPage?: any; readonly fields: Array<any>; readonly isDraggable?: boolean | undefined; readonly dragApi?: string | undefined; readonly loadOnStart?: boolean | undefined; readonly apiUrl?: string | undefined; readonly httpMethod?: "get" | "post" | undefined; readonly reactiveApiUrl?: boolean | undefined; readonly apiMode?: boolean | undefined; readonly data?: (Array<any> | null) | undefined; readonly dataManager?: (Function | null) | undefined; readonly dataPath?: string | undefined; readonly tableLayout?: "fixed" | "auto" | undefined; readonly paginationPath?: string | undefined; readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponentQueryParams | undefined; readonly httpOptions?: { [key: string]: any; } | undefined | undefined; readonly hasDetailRow?: boolean | undefined; readonly showExpandDetail?: boolean | undefined; readonly initialPage?: number | undefined; readonly firstPage?: number | undefined; readonly sortOrder?: Array<any> | undefined; readonly multiSort?: boolean | undefined; readonly tableHeight?: string | null | undefined; readonly multiSortKey?: string | undefined; readonly rowClass?: (string | Function) | undefined; readonly detailRowComponent?: (string | Object) | undefined; readonly detailRowTransition?: string | undefined; readonly detailRowClass?: (string | Function) | undefined; readonly detailRowOptions?: Object | undefined; readonly trackBy?: string | undefined; readonly css?: import('./DsgTableComponent.vue').DsgTableCustomCss | undefined; readonly minRows?: number | undefined; readonly noDataTemplate?: string | undefined; readonly showSortIcons?: boolean | undefined; readonly headerRows?: Array<any> | undefined; readonly transform?: (Function | null) | undefined; readonly sortParams?: (Function | null) | undefined; readonly fieldPrefix?: string | undefined; readonly eventPrefix?: string | undefined; readonly selectable?: boolean | undefined; readonly "onDsg-table:loading"?: ((loading: boolean) => any) | undefined; readonly "onDsg-table:loaded"?: (() => any) | undefined; readonly "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; readonly "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; readonly "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined; readonly "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined; readonly "onUpdate:filterParams"?: ((value: any) => any) | undefined; readonly "onUpdate:perPage"?: ((value: any) => any) | undefined; } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; } & { dsgTableBodyWrapper: HTMLDivElement; }; $slots: Readonly<{ [name: string]: import('vue').Slot<any> | undefined; }>; $root: import('vue').ComponentPublicInstance | null; $parent: import('vue').ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void); $el: HTMLDivElement; $options: import('vue').ComponentOptionsBase<Readonly<{ filterParams?: any; perPage?: any; } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{ "onDsg-table:loading"?: ((loading: boolean) => any) | undefined; "onDsg-table:loaded"?: (() => any) | undefined; "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined; "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined; "onUpdate:filterParams"?: ((value: any) => any) | undefined; "onUpdate:perPage"?: ((value: any) => any) | undefined; }>, { changePage: (page: "next" | "prev" | number) => void; reload: () => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { "update:filterParams": (value: any) => any; "update:perPage": (value: any) => any; } & { "dsg-table:loading": (loading: boolean) => any; "dsg-table:loaded": () => any; "dsg-table:load-success": (response: import('axios').AxiosResponse<any, any>) => any; "dsg-table:load-error": (response: import('axios').AxiosResponse<any, any>) => any; "dsg-table:pagination-data": (paginationData: any) => any; "dsg-table:rows-selected": (rows: any) => any; }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof 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<{}> & Omit<Readonly<{ filterParams?: any; perPage?: any; } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{ "onDsg-table:loading"?: ((loading: boolean) => any) | undefined; "onDsg-table:loaded"?: (() => any) | undefined; "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined; "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined; "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined; "onUpdate:filterParams"?: ((value: any) => any) | undefined; "onUpdate:perPage"?: ((value: any) => any) | undefined; }>, "changePage" | "reload"> & import('vue').ShallowUnwrapRef<{ changePage: (page: "next" | "prev" | number) => void; reload: () => void; }> & {} & import('vue').ComponentCustomProperties & {} & { $slots: Partial<Record<string, (_: { rowData: any; rowIndex: number; rowField: import('./DsgTableComponent.vue').DsgTableField; }) => any>> & { tableHeader?(_: { fields: import('./DsgTableComponent.vue').DsgTableField[]; }): any; 'dsg-table-loading'?(_: {}): any; 'dsg-table-detail-row'?(_: { rowData: any; rowIndex: number; options: Object; }): any; 'dsg-table-empty-result'?(_: {}): any; 'dsg-table-footer'?(_: { fields: import('./DsgTableComponent.vue').DsgTableField[]; data: any[] | null; }): any; }; }) | null; paginationInfoStart: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{ pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null; } & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{ "onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined; }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { "update:pagination": (value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any; }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null; } & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{ "onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined; }>, {}, {}, {}, {}, {}> | null; pagination: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{ pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null; } & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{ "onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined; "onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined; }>, { loadPage: (page: import('./DsgTablePagination.vue').Page) => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { "update:pagination": (value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any; } & { "dsg-table:change-page": (page: import('./DsgTablePagination.vue').Page) => any; }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null; } & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{ "onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined; "onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined; }>, { loadPage: (page: import('./DsgTablePagination.vue').Page) => void; }, {}, {}, {}, {}> | null; }, HTMLDivElement>; declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>; export default _default; type __VLS_WithTemplateSlots<T, S> = T & { new (): { $slots: S; }; };