import { IPart } from '../model/model';
import { PageBuilder } from '../model/page-builder';
import { DirectiveBinding } from 'vue';

/**
 * binding.value
 * * pageBuilder: PageBuilder
 * * part: IPart
 * * draggable?: boolean default=true
 * * droppable?: boolean default=false
 */
declare const vPartHandler: {
    mounted: (el: HTMLElement, binding: DirectiveBinding) => void;
};
export type CalculateDropIndexFunction = (part: IPart, target: HTMLElement, mouseOffsetX: number, mouseOffsetY: number, event: DragEvent) => number;
export type LocatePositionMarkFunction = (mark: HTMLElement, target: HTMLElement, mouseOffsetX: number, mouseOffsetY: number, draggingPart: IPart, event: DragEvent) => void;
export type AcceptChildPartFunction = (pageBuilder: PageBuilder, part: IPart, target: HTMLElement, index: number, partId: string, event: DragEvent) => void;
export declare const isPositionMark: (element: Element) => boolean;
export declare const locateNone: (style: CSSStyleDeclaration) => void;
export declare const locateFull: (style: CSSStyleDeclaration) => void;
export declare const locateCenter: (style: CSSStyleDeclaration) => void;
export declare const locateTop: (style: CSSStyleDeclaration, left?: string, width?: string) => void;
export declare const locateBottom: (style: CSSStyleDeclaration, left?: string, width?: string) => void;
export declare const locateLeft: (style: CSSStyleDeclaration, top?: string, height?: string) => void;
export declare const locateRight: (style: CSSStyleDeclaration, top?: string, height?: string) => void;
export default vPartHandler;