@dcodegroup-au/dsg-vue
Version:
Front-end Vue/Tailwind DSG for UntitledUI.
963 lines (962 loc) • 153 kB
TypeScript
/**
* --------------------------------------------------------------------------
* DSG Vue - Components
* --------------------------------------------------------------------------
*/
/**
* --------------------------------------------------------------------------
* Export: Vue Components
* --------------------------------------------------------------------------
*/
export declare const DsgTable: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./components/Table/DsgTable.vue').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:action-archive"?: ((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:term-changed"?: ((term: string | null) => any) | undefined;
"onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
"onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
"onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:data-loaded"?: ((data: any) => any) | undefined;
}>, {
reloadTable: () => void;
updateRowTable: (rowData: any) => void;
addRowTable: (rowData: any) => void;
deleteRowTable: (rowData: any) => void;
termChanged: (term: string | null) => void;
setFilters: (filters: any) => void;
setLoading: (loadingState: boolean) => 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:action-archive": (ev: Event, rowData: Record<string, any>) => any;
"dsg-table:link-clicked": (ev: Event, actionId: string | number, rowData: Record<string, any>) => any;
"dsg-table:term-changed": (term: string | null) => any;
"dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any;
"dsg-table:rows-selected": (rows: any) => any;
"dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
"dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
"dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
"dsg-table:data-loaded": (data: any) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
dsgTableSearchHeaderEl: HTMLDivElement;
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('./table').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('./table').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 "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
readonly "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
readonly "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, 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: "dsg-table:row-clicked", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-hover", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-dblclick", ev: Event, rowIndex: number, rowData: Record<string, 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('./components/Table/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;
"onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onUpdate:filterParams"?: ((value: any) => any) | undefined;
"onUpdate:perPage"?: ((value: any) => any) | undefined;
}>, {
changePage: (page: "next" | "prev" | number) => void;
reload: () => void;
getData: () => any[] | null;
setData: (rows: any[] | null) => void;
setLoading: (loadingState: boolean) => 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;
"dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
"dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
"dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, 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('./components/Table/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;
"onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onUpdate:filterParams"?: ((value: any) => any) | undefined;
"onUpdate:perPage"?: ((value: any) => any) | undefined;
}>, "changePage" | "reload" | "getData" | "setData" | "setLoading"> & import('vue').ShallowUnwrapRef<{
changePage: (page: "next" | "prev" | number) => void;
reload: () => void;
getData: () => any[] | null;
setData: (rows: any[] | null) => void;
setLoading: (loadingState: boolean) => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Partial<Record<string, (_: {
rowData: any;
rowIndex: number;
rowField: import('./table').DsgTableField;
}) => any>> & {
tableHeader?(_: {
fields: import('./table').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('./table').DsgTableField[];
data: any[] | null;
}): any;
};
}) | null;
dsgTableFooterEl: HTMLDivElement;
paginationInfoStart: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
pagination?: import('./components/Table/DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null;
} & import('./components/Table/DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{
"onUpdate:pagination"?: ((value: import('./components/Table/DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:pagination": (value: import('./components/Table/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('./components/Table/DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null;
} & import('./components/Table/DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{
"onUpdate:pagination"?: ((value: import('./components/Table/DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
pagination: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
pagination?: import('./components/Table/DsgTablePagination.vue').DsgTablePagination | null;
} & import('./components/Table/DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{
"onDsg-table:change-page"?: ((page: import('./components/Table/DsgTablePagination.vue').Page) => any) | undefined;
"onUpdate:pagination"?: ((value: import('./components/Table/DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined;
}>, {
loadPage: (page: import('./components/Table/DsgTablePagination.vue').Page) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:pagination": (value: import('./components/Table/DsgTablePagination.vue').DsgTablePagination | null) => any;
} & {
"dsg-table:change-page": (page: import('./components/Table/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('./components/Table/DsgTablePagination.vue').DsgTablePagination | null;
} & import('./components/Table/DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{
"onDsg-table:change-page"?: ((page: import('./components/Table/DsgTablePagination.vue').Page) => any) | undefined;
"onUpdate:pagination"?: ((value: import('./components/Table/DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined;
}>, {
loadPage: (page: import('./components/Table/DsgTablePagination.vue').Page) => void;
}, {}, {}, {}, {}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('./components/Table/DsgTable.vue').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:action-archive"?: ((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:term-changed"?: ((term: string | null) => any) | undefined;
"onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
"onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
"onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:data-loaded"?: ((data: any) => any) | undefined;
}>, {
reloadTable: () => void;
updateRowTable: (rowData: any) => void;
addRowTable: (rowData: any) => void;
deleteRowTable: (rowData: any) => void;
termChanged: (term: string | null) => void;
setFilters: (filters: any) => void;
setLoading: (loadingState: boolean) => void;
}, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('./components/Table/DsgTable.vue').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:action-archive"?: ((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:term-changed"?: ((term: string | null) => any) | undefined;
"onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
"onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
"onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:data-loaded"?: ((data: any) => any) | undefined;
}>, {
reloadTable: () => void;
updateRowTable: (rowData: any) => void;
addRowTable: (rowData: any) => void;
deleteRowTable: (rowData: any) => void;
termChanged: (term: string | null) => void;
setFilters: (filters: any) => void;
setLoading: (loadingState: boolean) => 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:action-archive": (ev: Event, rowData: Record<string, any>) => any;
"dsg-table:link-clicked": (ev: Event, actionId: string | number, rowData: Record<string, any>) => any;
"dsg-table:term-changed": (term: string | null) => any;
"dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any;
"dsg-table:rows-selected": (rows: any) => any;
"dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
"dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
"dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
"dsg-table:data-loaded": (data: any) => any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: Partial<Record<string, (_: {
rowData: any;
rowIndex: number;
rowField: import('./table').DsgTableField;
}) => 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('./table').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;
};
});
export declare const DsgTableActions: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./components/Table/DsgTableActions.vue').DsgTableActionsProps> & 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:action-archive"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:link-clicked"?: ((ev: Event, actionId: string | number, rowData: Record<string, any>) => any) | undefined;
}>, {}, {}, {}, {}, 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:action-archive": (ev: Event, rowData: Record<string, any>) => any;
"dsg-table:link-clicked": (ev: Event, actionId: string | number, rowData: Record<string, any>) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
dsgTableActions: HTMLDivElement;
floatingVueFilterDropdown: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
theme: {
type: StringConstructor;
default: any;
};
referenceNode: {
type: import('vue').PropType<() => Element>;
default: any;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: any;
};
positioningDisabled: {
type: BooleanConstructor;
default: any;
};
placement: {
type: import('vue').PropType<import('floating-vue').Placement>;
default: any;
};
delay: {
type: import('vue').PropType<string | number | {
show: number;
hide: number;
}>;
default: any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
triggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
default: any;
};
showTriggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
default: any;
};
hideTriggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
default: any;
};
popperTriggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
default: any;
};
popperShowTriggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
default: any;
};
popperHideTriggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
default: any;
};
container: {
type: any[];
default: any;
};
boundary: {
type: any[];
default: any;
};
strategy: {
type: import('vue').PropType<"absolute" | "fixed">;
default: any;
};
autoHide: {
type: import('vue').PropType<boolean | ((event: Event) => boolean)>;
default: any;
};
handleResize: {
type: BooleanConstructor;
default: any;
};
instantMove: {
type: BooleanConstructor;
default: any;
};
eagerMount: {
type: BooleanConstructor;
default: any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: any;
};
autoMinSize: {
type: BooleanConstructor;
default: any;
};
autoSize: {
type: import('vue').PropType<boolean | "min" | "max">;
default: any;
};
autoMaxSize: {
type: BooleanConstructor;
default: any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: any;
};
preventOverflow: {
type: BooleanConstructor;
default: any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowOverflow: {
type: BooleanConstructor;
default: any;
};
flip: {
type: BooleanConstructor;
default: any;
};
shift: {
type: BooleanConstructor;
default: any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: any;
};
noAutoFocus: {
type: BooleanConstructor;
default: any;
};
disposeTimeout: {
type: NumberConstructor;
default: any;
};
}>> & {
onResize?: () => any;
onShow?: () => any;
onHide?: () => any;
"onUpdate:shown"?: (shown: boolean) => any;
"onApply-show"?: () => any;
"onApply-hide"?: () => any;
"onClose-group"?: () => any;
"onClose-directive"?: () => any;
"onAuto-hide"?: () => any;
}, unknown, unknown, {
finalTheme(): string;
}, {
getTargetNodes(): unknown[];
}, {
computed: {
themeClass(): string[];
};
} | {
methods: {
show(...args: any[]): any;
hide(...args: any[]): any;
dispose(...args: any[]): any;
onResize(...args: any[]): any;
};
}, import('vue').ComponentOptionsMixin, {
show: () => true;
hide: () => true;
'update:shown': (shown: boolean) => true;
'apply-show': () => true;
'apply-hide': () => true;
'close-group': () => true;
'close-directive': () => true;
'auto-hide': () => true;
resize: () => true;
}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
placement: import('floating-vue').Placement;
strategy: "absolute" | "fixed";
disabled: boolean;
positioningDisabled: boolean;
delay: string | number | {
show: number;
hide: number;
};
distance: string | number;
skidding: string | number;
triggers: import('floating-vue').TriggerEvent[];
showTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
hideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
popperTriggers: import('floating-vue').TriggerEvent[];
popperShowTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
popperHideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
container: any;
boundary: any;
autoHide: boolean | ((event: Event) => boolean);
handleResize: boolean;
instantMove: boolean;
eagerMount: boolean;
popperClass: string | unknown[] | Record<string, any>;
computeTransformOrigin: boolean;
autoMinSize: boolean;
autoSize: boolean | "min" | "max";
autoMaxSize: boolean;
autoBoundaryMaxSize: boolean;
preventOverflow: boolean;
overflowPadding: string | number;
arrowPadding: string | number;
arrowOverflow: boolean;
flip: boolean;
shift: boolean;
shiftCrossAxis: boolean;
noAutoFocus: boolean;
disposeTimeout: number;
shown: boolean;
theme: string;
referenceNode: () => Element;
showGroup: string;
ariaId: any;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {
themeClass(): string[];
};
M: import('vue').MethodOptions;
Defaults: {};
} & {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
} & {
P: {};
B: {};
D: {};
C: import('vue').ComputedOptions;
M: {
show(...args: any[]): any;
hide(...args: any[]): any;
dispose(...args: any[]): any;
onResize(...args: any[]): any;
};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
theme: {
type: StringConstructor;
default: any;
};
referenceNode: {
type: import('vue').PropType<() => Element>;
default: any;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: any;
};
positioningDisabled: {
type: BooleanConstructor;
default: any;
};
placement: {
type: import('vue').PropType<import('floating-vue').Placement>;
default: any;
};
delay: {
type: import('vue').PropType<string | number | {
show: number;
hide: number;
}>;
default: any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
triggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
default: any;
};
showTriggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
default: any;
};
hideTriggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
default: any;
};
popperTriggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
default: any;
};
popperShowTriggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
default: any;
};
popperHideTriggers: {
type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
default: any;
};
container: {
type: any[];
default: any;
};
boundary: {
type: any[];
default: any;
};
strategy: {
type: import('vue').PropType<"absolute" | "fixed">;
default: any;
};
autoHide: {
type: import('vue').PropType<boolean | ((event: Event) => boolean)>;
default: any;
};
handleResize: {
type: BooleanConstructor;
default: any;
};
instantMove: {
type: BooleanConstructor;
default: any;
};
eagerMount: {
type: BooleanConstructor;
default: any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: any;
};
autoMinSize: {
type: BooleanConstructor;
default: any;
};
autoSize: {
type: import('vue').PropType<boolean | "min" | "max">;
default: any;
};
autoMaxSize: {
type: BooleanConstructor;
default: any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: any;
};
preventOverflow: {
type: BooleanConstructor;
default: any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowOverflow: {
type: BooleanConstructor;
default: any;
};
flip: {
type: BooleanConstructor;
default: any;
};
shift: {
type: BooleanConstructor;
default: any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: any;
};
noAutoFocus: {
type: BooleanConstructor;
default: any;
};
disposeTimeout: {
type: NumberConstructor;
default: any;
};
}>> & {
onResize?: () => any;
onShow?: () => any;
onHide?: () => any;
"onUpdate:shown"?: (shown: boolean) => any;
"onApply-show"?: () => any;
"onApply-hide"?: () => any;
"onClose-group"?: () => any;
"onClose-directive"?: () => any;
"onAuto-hide"?: () => any;
}, {}, {}, {
themeClass(): string[];
} & import('vue').ComputedOptions & {
finalTheme(): string;
}, import('vue').MethodOptions & {
show(...args: any[]): any;
hide(...args: any[]): any;
dispose(...args: any[]): any;
onResize(...args: any[]): any;
} & {
getTargetNodes(): unknown[];
}, {
placement: import('floating-vue').Placement;
strategy: "absolute" | "fixed";
disabled: boolean;
positioningDisabled: boolean;
delay: string | number | {
show: number;
hide: number;
};
distance: string | number;
skidding: string | number;
triggers: import('floating-vue').TriggerEvent[];
showTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
hideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
popperTriggers: import('floating-vue').TriggerEvent[];
popperShowTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
popperHideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
container: any;
boundary: any;
autoHide: boolean | ((event: Event) => boolean);
handleResize: boolean;
instantMove: boolean;
eagerMount: boolean;
popperClass: string | unknown[] | Record<string, any>;
computeTransformOrigin: boolean;
autoMinSize: boolean;
autoSize: boolean | "min" | "max";
autoMaxSize: boolean;
autoBoundaryMaxSize: boolean;
preventOverflow: boolean;
overflowPadding: string | number;
arrowPadding: string | number;
arrowOverflow: boolean;
flip: boolean;
shift: boolean;
shiftCrossAxis: boolean;
noAutoFocus: boolean;
disposeTimeout: number;
shown: boolean;
theme: string;
referenceNode: () => Element;
showGroup: string;
ariaId: any;
}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('./components/Table/DsgTableActions.vue').DsgTableActionsProps> & 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:action-archive"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:link-clicked"?: ((ev: Event, actionId: string | number, rowData: Record<string, any>) => any) | undefined;
}>, {}, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('./components/Table/DsgTableActions.vue').DsgTableActionsProps> & 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:action-archive"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:link-clicked"?: ((ev: Event, actionId: string | number, rowData: Record<string, any>) => any) | undefined;
}>, {}, {}, {}, {}, 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:action-archive": (ev: Event, rowData: Record<string, any>) => any;
"dsg-table:link-clicked": (ev: Event, actionId: string | number, rowData: Record<string, any>) => any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
'dsg-table-action-button-content'?(_: {}): any;
};
});
export declare const DsgTablePerPage: import('vue').DefineComponent<import('./components/Table/DsgTablePerPage.vue').DsgTablePerPageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./components/Table/DsgTablePerPage.vue').DsgTablePerPageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
export declare const DsgTableFilter: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgFilterProps> & Readonly<{
"onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
"dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
dsgTableFilter: HTMLDivElement;
floatingVueFilterDropdownEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
theme: {
type: StringConstructor;
default: any;
};
referenceNode: {
type: import('vue').PropType<() => Element>;
default: any;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {