@bridge-ui/vue 0.2.0 → 0.4.0

package/dist/Components/DataTable/composables/useDataTable.d.ts

@@ -0,0 +1,565 @@
+import { Ref, VNode, VNodeChild } from 'vue';
+import { getDataTableAriaSort, getDataTableSortIcon, DataTableColumnSearch, DataTableFilterOption, DataTableFilters, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableSorting, DataTableStickyEdge, DataTableStickyInset } from '@bridge-ui/core/Domain';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
+import { DataTableColumn, DataTableOwnProps, DataTableProps } from '../dataTable.types';
+type DataTableLibDefaults = LibDefaultsShape<DataTableOwnProps<unknown>, "full" | "size" | "loading" | "rounded" | "striped" | "variant" | "hoverable" | "stickyHeader" | "filterOverlay" | "selectionMode" | "columnsOverlay" | "loadingVariant">;
+type DataTableMerged<T> = MergeLibDefaults<DataTableOwnProps<T>, DataTableLibDefaults>;
+export type DataTableHeaderView = {
+    align?: DataTableColumn<unknown>["align"];
+    ariaSort: ReturnType<typeof getDataTableAriaSort>;
+    classes?: DataTableColumn<unknown>["classes"];
+    ellipsis: boolean;
+    filterable: boolean;
+    filterActive: boolean;
+    filterMultiple: boolean;
+    filterOptions: DataTableFilterOption[];
+    filterValues: string[];
+    header: VNodeChild;
+    hideable: boolean;
+    id: string;
+    isExpand: boolean;
+    isSelection: boolean;
+    searchable: boolean;
+    searchQuery: string;
+    sortable: boolean;
+    sortIcon: ReturnType<typeof getDataTableSortIcon>;
+    sticky?: DataTableStickyEdge;
+    stickyEdge: boolean;
+    stickyStyle?: DataTableStickyInset["style"];
+    width?: number | string;
+};
+export type DataTableCellView = {
+    align?: DataTableColumn<unknown>["align"];
+    classes?: DataTableColumn<unknown>["classes"];
+    content: VNodeChild;
+    ellipsis: boolean;
+    id: string;
+    isExpand: boolean;
+    isSelection: boolean;
+    sticky?: DataTableStickyEdge;
+    stickyEdge: boolean;
+    stickyStyle?: DataTableStickyInset["style"];
+    tooltip?: string;
+    value?: unknown;
+    width?: number | string;
+};
+export type DataTableRowView<T = unknown> = {
+    cells: DataTableCellView[];
+    expanded: boolean;
+    id: string;
+    original: T;
+    selected: boolean;
+};
+export type DataTableVisibilityItem = {
+    hidden: boolean;
+    hideable: boolean;
+    id: string;
+    label: string;
+};
+export type DataTableModels = {
+    columnSearch: Ref<undefined | DataTableColumnSearch>;
+    expanded: Ref<string[] | undefined>;
+    filters: Ref<undefined | DataTableFilters>;
+    hiddenColumns: Ref<string[] | undefined>;
+    page: Ref<number | undefined>;
+    perPage: Ref<number | undefined>;
+    search: Ref<string | undefined>;
+    selection: Ref<string[] | undefined>;
+    sorting: Ref<undefined | DataTableSorting>;
+};
+export declare function useDataTable<T>(props: DataTableOwnProps<T>, libDefaults: DataTableLibDefaults, models: DataTableModels): {
+    merged: import('vue').ComputedRef<DataTableMerged<T>>;
+    pageIds: import('vue').ComputedRef<string[]>;
+    rowViews: import('vue').ComputedRef<DataTableRowView<T>[]>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<DataTableProps<T>, "search" | "columns" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "page" | "loading" | "rows" | "filters" | "hoverable" | "stickyHeader" | "striped" | "columnSearch" | "columnsOverlay" | "columnsShowFooter" | "expanded" | "filterOverlay" | "getRowId" | "hiddenColumns" | "loadingVariant" | "pageCount" | "perPage" | "perPageOptions" | "selection" | "selectionMode" | "sorting" | "totalCount">>>>;
+    emptyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    showEmpty: import('vue').ComputedRef<boolean>;
+    frameBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", {}, {}>>;
+    tableProps: import('vue').ComputedRef<{
+        size: NonNullable<keyof import('@bridge-ui/core/Tokens').TableSize | undefined>;
+        variant: NonNullable<keyof import('@bridge-ui/core/Tokens').TableVariant | undefined>;
+        rounded: NonNullable<keyof import('@bridge-ui/core/Tokens').TableRounded | undefined>;
+        full: boolean;
+        striped: boolean;
+        stickyHeader: boolean;
+        hoverable: boolean;
+        customProps: {
+            table: {
+                "aria-busy": true | undefined;
+                innerHTML?: string | undefined;
+                class?: import('vue').ClassValue | undefined;
+                style?: import('vue').StyleValue | undefined;
+                accesskey?: string | undefined;
+                contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+                contextmenu?: string | undefined;
+                dir?: string | undefined;
+                draggable?: (boolean | "true" | "false") | undefined;
+                enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+                enterKeyHint?: import('vue').HTMLAttributes["enterkeyhint"];
+                hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
+                id?: string | undefined;
+                inert?: (boolean | "true" | "false") | undefined;
+                lang?: string | undefined;
+                placeholder?: string | undefined;
+                spellcheck?: (boolean | "true" | "false") | undefined;
+                tabindex?: (string | number) | undefined;
+                title?: string | undefined;
+                translate?: "yes" | "no" | undefined;
+                radiogroup?: string | undefined;
+                role?: string | undefined;
+                about?: string | undefined;
+                datatype?: string | undefined;
+                inlist?: any;
+                prefix?: string | undefined;
+                property?: string | undefined;
+                resource?: string | undefined;
+                typeof?: string | undefined;
+                vocab?: string | undefined;
+                autocapitalize?: string | undefined;
+                autocorrect?: string | undefined;
+                autosave?: string | undefined;
+                color?: string | undefined;
+                itemprop?: string | undefined;
+                itemscope?: (boolean | "true" | "false") | undefined;
+                itemtype?: string | undefined;
+                itemid?: string | undefined;
+                itemref?: string | undefined;
+                results?: (string | number) | undefined;
+                security?: string | undefined;
+                unselectable?: "on" | "off" | undefined;
+                inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                is?: string | undefined;
+                exportparts?: string;
+                part?: string;
+                'aria-activedescendant'?: string | undefined;
+                'aria-atomic'?: (boolean | "true" | "false") | undefined;
+                'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
+                'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+                'aria-colcount'?: (string | number) | undefined;
+                'aria-colindex'?: (string | number) | undefined;
+                'aria-colspan'?: (string | number) | undefined;
+                'aria-controls'?: string | undefined;
+                'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+                'aria-describedby'?: string | undefined;
+                'aria-details'?: string | undefined;
+                'aria-disabled'?: (boolean | "true" | "false") | undefined;
+                'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+                'aria-errormessage'?: string | undefined;
+                'aria-expanded'?: (boolean | "true" | "false") | undefined;
+                'aria-flowto'?: string | undefined;
+                'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+                'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+                'aria-hidden'?: (boolean | "true" | "false") | undefined;
+                'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+                'aria-keyshortcuts'?: string | undefined;
+                'aria-label'?: string | undefined;
+                'aria-labelledby'?: string | undefined;
+                'aria-level'?: (string | number) | undefined;
+                'aria-live'?: "off" | "assertive" | "polite" | undefined;
+                'aria-modal'?: (boolean | "true" | "false") | undefined;
+                'aria-multiline'?: (boolean | "true" | "false") | undefined;
+                'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+                'aria-orientation'?: "horizontal" | "vertical" | undefined;
+                'aria-owns'?: string | undefined;
+                'aria-placeholder'?: string | undefined;
+                'aria-posinset'?: (string | number) | undefined;
+                'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+                'aria-readonly'?: (boolean | "true" | "false") | undefined;
+                'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+                'aria-required'?: (boolean | "true" | "false") | undefined;
+                'aria-roledescription'?: string | undefined;
+                'aria-rowcount'?: (string | number) | undefined;
+                'aria-rowindex'?: (string | number) | undefined;
+                'aria-rowspan'?: (string | number) | undefined;
+                'aria-selected'?: (boolean | "true" | "false") | undefined;
+                'aria-setsize'?: (string | number) | undefined;
+                'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+                'aria-valuemax'?: (string | number) | undefined;
+                'aria-valuemin'?: (string | number) | undefined;
+                'aria-valuenow'?: (string | number) | undefined;
+                'aria-valuetext'?: string | undefined;
+                onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+                onCut?: ((payload: ClipboardEvent) => void) | undefined;
+                onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+                onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+                onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+                onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+                onDrag?: ((payload: DragEvent) => void) | undefined;
+                onDragend?: ((payload: DragEvent) => void) | undefined;
+                onDragenter?: ((payload: DragEvent) => void) | undefined;
+                onDragexit?: ((payload: DragEvent) => void) | undefined;
+                onDragleave?: ((payload: DragEvent) => void) | undefined;
+                onDragover?: ((payload: DragEvent) => void) | undefined;
+                onDragstart?: ((payload: DragEvent) => void) | undefined;
+                onDrop?: ((payload: DragEvent) => void) | undefined;
+                onFocus?: ((payload: FocusEvent) => void) | undefined;
+                onFocusin?: ((payload: FocusEvent) => void) | undefined;
+                onFocusout?: ((payload: FocusEvent) => void) | undefined;
+                onBlur?: ((payload: FocusEvent) => void) | undefined;
+                onChange?: ((payload: Event) => void) | undefined;
+                onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+                onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+                onInput?: ((payload: InputEvent) => void) | undefined;
+                onReset?: ((payload: Event) => void) | undefined;
+                onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+                onInvalid?: ((payload: Event) => void) | undefined;
+                onFullscreenchange?: ((payload: Event) => void) | undefined;
+                onFullscreenerror?: ((payload: Event) => void) | undefined;
+                onLoad?: ((payload: Event) => void) | undefined;
+                onError?: ((payload: Event) => void) | undefined;
+                onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+                onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+                onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+                onDblclick?: ((payload: MouseEvent) => void) | undefined;
+                onMousedown?: ((payload: MouseEvent) => void) | undefined;
+                onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+                onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+                onMousemove?: ((payload: MouseEvent) => void) | undefined;
+                onMouseout?: ((payload: MouseEvent) => void) | undefined;
+                onMouseover?: ((payload: MouseEvent) => void) | undefined;
+                onMouseup?: ((payload: MouseEvent) => void) | undefined;
+                onAbort?: ((payload: UIEvent) => void) | undefined;
+                onCanplay?: ((payload: Event) => void) | undefined;
+                onCanplaythrough?: ((payload: Event) => void) | undefined;
+                onDurationchange?: ((payload: Event) => void) | undefined;
+                onEmptied?: ((payload: Event) => void) | undefined;
+                onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+                onEnded?: ((payload: Event) => void) | undefined;
+                onLoadeddata?: ((payload: Event) => void) | undefined;
+                onLoadedmetadata?: ((payload: Event) => void) | undefined;
+                onLoadstart?: ((payload: Event) => void) | undefined;
+                onPause?: ((payload: Event) => void) | undefined;
+                onPlay?: ((payload: Event) => void) | undefined;
+                onPlaying?: ((payload: Event) => void) | undefined;
+                onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+                onRatechange?: ((payload: Event) => void) | undefined;
+                onSeeked?: ((payload: Event) => void) | undefined;
+                onSeeking?: ((payload: Event) => void) | undefined;
+                onStalled?: ((payload: Event) => void) | undefined;
+                onSuspend?: ((payload: Event) => void) | undefined;
+                onTimeupdate?: ((payload: Event) => void) | undefined;
+                onVolumechange?: ((payload: Event) => void) | undefined;
+                onWaiting?: ((payload: Event) => void) | undefined;
+                onSelect?: ((payload: Event) => void) | undefined;
+                onScroll?: ((payload: Event) => void) | undefined;
+                onScrollend?: ((payload: Event) => void) | undefined;
+                onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+                onTouchend?: ((payload: TouchEvent) => void) | undefined;
+                onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+                onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+                onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+                onClick?: ((payload: PointerEvent) => void) | undefined;
+                onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+                onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+                onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+                onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+                onPointermove?: ((payload: PointerEvent) => void) | undefined;
+                onPointerup?: ((payload: PointerEvent) => void) | undefined;
+                onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+                onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+                onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+                onPointerover?: ((payload: PointerEvent) => void) | undefined;
+                onPointerout?: ((payload: PointerEvent) => void) | undefined;
+                onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+                onToggle?: ((payload: ToggleEvent) => void) | undefined;
+                onWheel?: ((payload: WheelEvent) => void) | undefined;
+                onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+                onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+                onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+                onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+                onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+                onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+                onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+                onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+                onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+            };
+            root: {
+                onScroll: (event: Event) => void;
+                onVnodeMounted: (vnode: VNode) => void;
+                onVnodeUnmounted: (vnode: VNode) => void;
+                innerHTML?: string | undefined;
+                class?: import('vue').ClassValue | undefined;
+                style?: import('vue').StyleValue | undefined;
+                accesskey?: string | undefined;
+                contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+                contextmenu?: string | undefined;
+                dir?: string | undefined;
+                draggable?: (boolean | "true" | "false") | undefined;
+                enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+                enterKeyHint?: import('vue').HTMLAttributes["enterkeyhint"];
+                hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
+                id?: string | undefined;
+                inert?: (boolean | "true" | "false") | undefined;
+                lang?: string | undefined;
+                placeholder?: string | undefined;
+                spellcheck?: (boolean | "true" | "false") | undefined;
+                tabindex?: (string | number) | undefined;
+                title?: string | undefined;
+                translate?: "yes" | "no" | undefined;
+                radiogroup?: string | undefined;
+                role?: string | undefined;
+                about?: string | undefined;
+                datatype?: string | undefined;
+                inlist?: any;
+                prefix?: string | undefined;
+                property?: string | undefined;
+                resource?: string | undefined;
+                typeof?: string | undefined;
+                vocab?: string | undefined;
+                autocapitalize?: string | undefined;
+                autocorrect?: string | undefined;
+                autosave?: string | undefined;
+                color?: string | undefined;
+                itemprop?: string | undefined;
+                itemscope?: (boolean | "true" | "false") | undefined;
+                itemtype?: string | undefined;
+                itemid?: string | undefined;
+                itemref?: string | undefined;
+                results?: (string | number) | undefined;
+                security?: string | undefined;
+                unselectable?: "on" | "off" | undefined;
+                inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                is?: string | undefined;
+                exportparts?: string;
+                part?: string;
+                'aria-activedescendant'?: string | undefined;
+                'aria-atomic'?: (boolean | "true" | "false") | undefined;
+                'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
+                'aria-busy'?: (boolean | "true" | "false") | undefined;
+                'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+                'aria-colcount'?: (string | number) | undefined;
+                'aria-colindex'?: (string | number) | undefined;
+                'aria-colspan'?: (string | number) | undefined;
+                'aria-controls'?: string | undefined;
+                'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+                'aria-describedby'?: string | undefined;
+                'aria-details'?: string | undefined;
+                'aria-disabled'?: (boolean | "true" | "false") | undefined;
+                'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+                'aria-errormessage'?: string | undefined;
+                'aria-expanded'?: (boolean | "true" | "false") | undefined;
+                'aria-flowto'?: string | undefined;
+                'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+                'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+                'aria-hidden'?: (boolean | "true" | "false") | undefined;
+                'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+                'aria-keyshortcuts'?: string | undefined;
+                'aria-label'?: string | undefined;
+                'aria-labelledby'?: string | undefined;
+                'aria-level'?: (string | number) | undefined;
+                'aria-live'?: "off" | "assertive" | "polite" | undefined;
+                'aria-modal'?: (boolean | "true" | "false") | undefined;
+                'aria-multiline'?: (boolean | "true" | "false") | undefined;
+                'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+                'aria-orientation'?: "horizontal" | "vertical" | undefined;
+                'aria-owns'?: string | undefined;
+                'aria-placeholder'?: string | undefined;
+                'aria-posinset'?: (string | number) | undefined;
+                'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+                'aria-readonly'?: (boolean | "true" | "false") | undefined;
+                'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+                'aria-required'?: (boolean | "true" | "false") | undefined;
+                'aria-roledescription'?: string | undefined;
+                'aria-rowcount'?: (string | number) | undefined;
+                'aria-rowindex'?: (string | number) | undefined;
+                'aria-rowspan'?: (string | number) | undefined;
+                'aria-selected'?: (boolean | "true" | "false") | undefined;
+                'aria-setsize'?: (string | number) | undefined;
+                'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+                'aria-valuemax'?: (string | number) | undefined;
+                'aria-valuemin'?: (string | number) | undefined;
+                'aria-valuenow'?: (string | number) | undefined;
+                'aria-valuetext'?: string | undefined;
+                onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+                onCut?: ((payload: ClipboardEvent) => void) | undefined;
+                onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+                onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+                onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+                onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+                onDrag?: ((payload: DragEvent) => void) | undefined;
+                onDragend?: ((payload: DragEvent) => void) | undefined;
+                onDragenter?: ((payload: DragEvent) => void) | undefined;
+                onDragexit?: ((payload: DragEvent) => void) | undefined;
+                onDragleave?: ((payload: DragEvent) => void) | undefined;
+                onDragover?: ((payload: DragEvent) => void) | undefined;
+                onDragstart?: ((payload: DragEvent) => void) | undefined;
+                onDrop?: ((payload: DragEvent) => void) | undefined;
+                onFocus?: ((payload: FocusEvent) => void) | undefined;
+                onFocusin?: ((payload: FocusEvent) => void) | undefined;
+                onFocusout?: ((payload: FocusEvent) => void) | undefined;
+                onBlur?: ((payload: FocusEvent) => void) | undefined;
+                onChange?: ((payload: Event) => void) | undefined;
+                onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+                onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+                onInput?: ((payload: InputEvent) => void) | undefined;
+                onReset?: ((payload: Event) => void) | undefined;
+                onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+                onInvalid?: ((payload: Event) => void) | undefined;
+                onFullscreenchange?: ((payload: Event) => void) | undefined;
+                onFullscreenerror?: ((payload: Event) => void) | undefined;
+                onLoad?: ((payload: Event) => void) | undefined;
+                onError?: ((payload: Event) => void) | undefined;
+                onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+                onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+                onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+                onDblclick?: ((payload: MouseEvent) => void) | undefined;
+                onMousedown?: ((payload: MouseEvent) => void) | undefined;
+                onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+                onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+                onMousemove?: ((payload: MouseEvent) => void) | undefined;
+                onMouseout?: ((payload: MouseEvent) => void) | undefined;
+                onMouseover?: ((payload: MouseEvent) => void) | undefined;
+                onMouseup?: ((payload: MouseEvent) => void) | undefined;
+                onAbort?: ((payload: UIEvent) => void) | undefined;
+                onCanplay?: ((payload: Event) => void) | undefined;
+                onCanplaythrough?: ((payload: Event) => void) | undefined;
+                onDurationchange?: ((payload: Event) => void) | undefined;
+                onEmptied?: ((payload: Event) => void) | undefined;
+                onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+                onEnded?: ((payload: Event) => void) | undefined;
+                onLoadeddata?: ((payload: Event) => void) | undefined;
+                onLoadedmetadata?: ((payload: Event) => void) | undefined;
+                onLoadstart?: ((payload: Event) => void) | undefined;
+                onPause?: ((payload: Event) => void) | undefined;
+                onPlay?: ((payload: Event) => void) | undefined;
+                onPlaying?: ((payload: Event) => void) | undefined;
+                onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+                onRatechange?: ((payload: Event) => void) | undefined;
+                onSeeked?: ((payload: Event) => void) | undefined;
+                onSeeking?: ((payload: Event) => void) | undefined;
+                onStalled?: ((payload: Event) => void) | undefined;
+                onSuspend?: ((payload: Event) => void) | undefined;
+                onTimeupdate?: ((payload: Event) => void) | undefined;
+                onVolumechange?: ((payload: Event) => void) | undefined;
+                onWaiting?: ((payload: Event) => void) | undefined;
+                onSelect?: ((payload: Event) => void) | undefined;
+                onScrollend?: ((payload: Event) => void) | undefined;
+                onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+                onTouchend?: ((payload: TouchEvent) => void) | undefined;
+                onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+                onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+                onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+                onClick?: ((payload: PointerEvent) => void) | undefined;
+                onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+                onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+                onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+                onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+                onPointermove?: ((payload: PointerEvent) => void) | undefined;
+                onPointerup?: ((payload: PointerEvent) => void) | undefined;
+                onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+                onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+                onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+                onPointerover?: ((payload: PointerEvent) => void) | undefined;
+                onPointerout?: ((payload: PointerEvent) => void) | undefined;
+                onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+                onToggle?: ((payload: ToggleEvent) => void) | undefined;
+                onWheel?: ((payload: WheelEvent) => void) | undefined;
+                onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+                onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+                onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+                onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+                onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+                onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+                onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+                onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+                onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+            };
+        };
+        classes: {
+            row: string | undefined;
+            body: string | undefined;
+            cell: string | undefined;
+            head: string | undefined;
+            header: string;
+            table: string;
+            root: string;
+        };
+    }>;
+    footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    showSearch: import('vue').ComputedRef<boolean>;
+    getHeadBind: (header: DataTableHeaderView) => import('@bridge-ui/core/Utils').MergePartBind<{
+        style: {
+            top?: number | undefined;
+            position?: "sticky" | undefined;
+            zIndex?: number | undefined;
+            left?: number;
+            right?: number;
+            width?: string | undefined;
+            maxWidth?: string | undefined;
+        };
+        tabindex: number | undefined;
+        "aria-sort": import('@bridge-ui/core/Domain').DataTableAriaSort | undefined;
+        onClick: ((event: MouseEvent) => void) | undefined;
+        onKeydown: ((event: KeyboardEvent) => void) | undefined;
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>;
+    headerViews: import('vue').ComputedRef<DataTableHeaderView[]>;
+    loadingBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    onToggleRow: (rowId: string, selected: boolean) => void;
+    toolbarBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    getCellBind: (cell: DataTableCellView) => import('@bridge-ui/core/Utils').MergePartBind<{
+        style: {
+            top?: number | undefined;
+            position?: "sticky" | undefined;
+            zIndex?: number | undefined;
+            left?: number;
+            right?: number;
+            width?: string | undefined;
+            maxWidth?: string | undefined;
+        };
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>;
+    columnCount: import('vue').ComputedRef<number>;
+    clientPaged: import('vue').ComputedRef<boolean>;
+    serverPaged: import('vue').ComputedRef<boolean>;
+    showPerPage: import('vue').ComputedRef<boolean>;
+    showToolbar: import('vue').ComputedRef<boolean>;
+    getHeadAlign: (header: DataTableHeaderView) => keyof import('@bridge-ui/core/Tokens').TableAlign;
+    getCellAlign: (cell: DataTableCellView) => keyof import('@bridge-ui/core/Tokens').TableAlign;
+    onTogglePage: (selectAll: boolean) => void;
+    onToggleSort: (columnId: string) => void;
+    summaryCells: import('vue').ComputedRef<DataTableCellView[] | null>;
+    expandEnabled: import('vue').ComputedRef<boolean>;
+    onChangeSearch: (query: string) => void;
+    loadingBarBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", {}, {}>>;
+    paginationBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        onVnodeMounted: (vnode: VNode) => void;
+        onVnodeUnmounted: () => void;
+        class: string;
+    }, "class", {}, {}>>;
+    selectAllState: import('vue').ComputedRef<{
+        checked: boolean;
+        indeterminate: boolean;
+    }>;
+    showPagination: import('vue').ComputedRef<boolean>;
+    onToggleExpand: (rowId: string, expanded: boolean) => void;
+    visibilityItems: import('vue').ComputedRef<DataTableVisibilityItem[]>;
+    onChangePerPage: (next: number) => void;
+    resolvedPerPage: import('vue').ComputedRef<number>;
+    selectionEnabled: import('vue').ComputedRef<boolean>;
+    perPageSlotProps: import('vue').ComputedRef<DataTablePerPageSlotProps>;
+    paginationVariant: import('vue').ComputedRef<import('@bridge-ui/core/Domain').DataTablePaginationVariant>;
+    resolvedPageCount: import('vue').ComputedRef<number | undefined>;
+    selectionMultiple: import('vue').ComputedRef<boolean>;
+    visibilityEnabled: import('vue').ComputedRef<boolean>;
+    paginationSlotProps: import('vue').ComputedRef<DataTablePaginationSlotProps>;
+    onCommitColumnFilter: (columnId: string, values: string[], query: string) => void;
+    onHiddenColumnsChange: (ids: string[]) => void;
+    onToggleColumnVisibility: (columnId: string, hide: boolean) => void;
+    loadingBar: import('vue').ComputedRef<boolean>;
+};
+export {};