import { ComputedRef, Ref } from 'vue';

export declare enum MultiSelectKey {
    CTRL = "ctrlKey",
    META = "metaKey"
}
export interface NodeModel<T> {
    title: string;
    isLeaf?: boolean;
    children?: NodeModel<T>[];
    isExpanded?: boolean;
    isSelected?: boolean;
    isDraggable?: boolean;
    isSelectable?: boolean;
    data?: T;
    toBeDeleted?: boolean;
}
export interface TreeNode<T> extends NodeModel<T> {
    isVisible?: boolean;
    isFirstChild: boolean;
    isLastChild: boolean;
    ind: number;
    level: number;
    path: number[];
    pathStr: string;
    children: TreeNode<T>[];
}
export interface CursorPosition<T> {
    node: TreeNode<T>;
    placement: 'before' | 'inside' | 'after';
}
export interface VueData<T> {
    rootCursorPosition: CursorPosition<T>;
    rootDraggingNode: TreeNode<T>;
}
export interface SlVueTreeProps<T> {
    modelValue?: NodeModel<T>[];
    edgeSize?: number;
    allowMultiselect?: boolean;
    showBranches?: boolean;
    level?: number;
    parentInd?: number;
    parentContext?: Context<T>;
    rootContext?: any;
    allowToggleBranch?: boolean;
    multiSelectKey?: MultiSelectKey[];
    scrollAreaHeight?: number;
    maxScrollSpeed?: number;
}
export interface Context<T> {
    getRoot: () => TreeNode<T>;
    setCursorPosition: (cursorPosition: CursorPosition<T>) => void;
    currentNodes: ComputedRef<TreeNode<T>[]>;
    cursorPosition: ComputedRef<CursorPosition<T>>;
    emit: (event: string, ...args: any[]) => void;
    ref: any;
    onNodeMousedownHandler: (event: MouseEvent, node: TreeNode<T>) => void;
    onNodeMouseupHandler: (event: MouseEvent, node: TreeNode<T>) => void;
    onMousemoveHandler: (event: MouseEvent) => void;
    getCursorPositionFromCoords: (x: number, y: number) => CursorPosition<T>;
    updateNode: (val: {
        path: number[];
        patch: Partial<TreeNode<T>>;
    }) => void;
    getNode: (path: number[]) => TreeNode<T>;
    traverse: (callback: (node: TreeNode<T>) => void) => void;
    select: (path: number[], addToSelection?: boolean) => void;
    getNodeEl: (path: number[]) => HTMLElement;
    getFirstNode: () => TreeNode<T>;
    getLastNode: () => TreeNode<T>;
    getNextNode: (path: number[], filter?: (node: TreeNode<T>) => boolean) => TreeNode<T>;
    getPrevNode: (path: number[], filter?: (node: TreeNode<T>) => boolean) => TreeNode<T>;
    getSelected: () => TreeNode<T>[];
    insert: (node: TreeNode<T>, data: NodeModel<T>, placement: 'before' | 'inside' | 'after') => void;
    remove: (paths?: number[][]) => void;
    rootCursorPosition: Ref<CursorPosition<T>>;
    selectionSize: ComputedRef<number>;
}