vue-data-ui/dist/types/vue-ui-dag.d.ts

A user-empowering data visualization Vue 3 components library for eloquent data storytelling

import type { DefineComponent, VNodeChild } from 'vue';

import type {
    VueUiDagConfig,
    VueUiDagDataset,
    VueUiDagExpose,
    VueUiDagNode,
    VueUiDagEdge,
    VueUiDagProps,
    VueUiAnnotatorActionColorSlotProps,
    VueUiAnnotatorActionDrawSlotProps,
    VueUiAnnotatorActionUndoSlotProps,
    VueUiAnnotatorActionRedoSlotProps,
    VueUiAnnotatorActionDeleteSlotProps,
    VueUiMenuIconSlotProps,
    VueUiOptionFullscreenSlotProps,
    VueUiOptionAnnotatorSlotProps,
    VueUiDagOptionZoomSlotProps,
    VueUiDagBackgroundPatternSlotProps,
    VueUiDagNodeSlotProps,
    VueUiDagFreeNodeLabelSlotProps,
    VueUiDagLayoutData,
    VueUiDagPositionedEdge,
    VueUiDagPositionedNode,
    VueUiDagSvgSlotProps,
    VueUiKeyboardNavigationHintSlotProps,
    VueUiDagTooltipMidpointSlotProps,
    VueUiDagTooltipNodeSlotProps,
    CommonAnnotatorSlots,
    VueUiWatermarkSlotProps,
    VueUiDagEmits,
    VueUiDagEmitOnNodeClick,
    VueUiDagEmitOnMidpointEnter,
    VueUiDagEmitCopyAlt,
    VueUiDagEmitRotate,
} from 'vue-data-ui';

export type {
    VueUiDagConfig,
    VueUiDagDataset,
    VueUiDagExpose,
    VueUiDagNode,
    VueUiDagEdge,
    VueUiDagProps,
    VueUiAnnotatorActionColorSlotProps,
    VueUiAnnotatorActionDrawSlotProps,
    VueUiAnnotatorActionUndoSlotProps,
    VueUiAnnotatorActionRedoSlotProps,
    VueUiAnnotatorActionDeleteSlotProps,
    VueUiMenuIconSlotProps,
    VueUiOptionFullscreenSlotProps,
    VueUiOptionAnnotatorSlotProps,
    VueUiDagOptionZoomSlotProps,
    VueUiDagBackgroundPatternSlotProps,
    VueUiDagNodeSlotProps,
    VueUiDagFreeNodeLabelSlotProps,
    VueUiDagLayoutData,
    VueUiDagPositionedEdge,
    VueUiDagPositionedNode,
    VueUiDagSvgSlotProps,
    VueUiKeyboardNavigationHintSlotProps,
    VueUiDagTooltipMidpointSlotProps,
    VueUiDagTooltipNodeSlotProps,
    CommonAnnotatorSlots,
    VueUiWatermarkSlotProps,
    VueUiDagEmits,
    VueUiDagEmitOnNodeClick,
    VueUiDagEmitOnMidpointEnter,
    VueUiDagEmitCopyAlt,
    VueUiDagEmitRotate,
};

declare const VueUiDagBase: DefineComponent<
    VueUiDagProps,
    {},
    {},
    {},
    {},
    {},
    {},
    VueUiDagEmits
>;

export const VueUiDag: typeof VueUiDagBase & {
    new (): VueUiDagExpose & {
        $slots: CommonAnnotatorSlots & {
            ['custom-menu-before']?: () => VNodeChild;
            ['custom-menu-after']?: () => VNodeChild;
            menuIcon?: (props: VueUiMenuIconSlotProps) => VNodeChild;
            optionPdf?: () => VNodeChild;
            optionImg?: () => VNodeChild;
            optionSvg?: () => VNodeChild;
            optionFullscreen?: (
                props: VueUiOptionFullscreenSlotProps,
            ) => VNodeChild;
            optionAnnotator?: (
                props: VueUiOptionAnnotatorSlotProps,
            ) => VNodeChild;
            optionZoom?: (props: VueUiDagOptionZoomSlotProps) => VNodeChild;
            optionAltCopy?: () => VNodeChild;
            ['background-pattern']?: (
                props: VueUiDagBackgroundPatternSlotProps,
            ) => VNodeChild;
            node?: (props: VueUiDagNodeSlotProps) => VNodeChild;
            ['node-label']?: (props: VueUiDagNodeSlotProps) => VNodeChild;
            ['free-node-label']?: (
                props: VueUiDagFreeNodeLabelSlotProps,
            ) => VNodeChild;
            svg?: (props: VueUiDagSvgSlotProps) => VNodeChild;
            hint?: (props: VueUiKeyboardNavigationHintSlotProps) => VNodeChild;
            watermark?: (props: VueUiWatermarkSlotProps) => VNodeChild;
            ['tooltip-midpoint']?: (
                props: VueUiDagTooltipMidpointSlotProps,
            ) => VNodeChild;
            ['tooltip-node']?: (
                props: VueUiDagTooltipNodeSlotProps,
            ) => VNodeChild;
            source?: () => VNodeChild;
            skeleton?: () => VNodeChild;
        };
    };
};

export default VueUiDag;
export { VueUiDag };