import './Container.css';
import { Field } from '../../../fields/Field/Field';
export declare abstract class Container extends Field {
    /**
     * this is name of the field internaly
     */
    static fieldName: string;
    /**
     * this is the label name thats shown for users
     */
    static fieldLabelName: string;
    /**
     * this property tells if the current field is a big field like object, array or a rich text field
     */
    isCollapsible: boolean;
    /**
     * this property sets the space an object will take in a grid
     */
    gridSpace: number;
    /**
     * this property tells if the current field is a big field like object, array or a rich text field
     */
    containerLength: number;
    /**
     * this property tells if the current field is a big field like object, array or a rich text field
     */
    contentBody: HTMLElement;
    /**
     * This method is responsible for drawing the body when the container is empty
     *
     * @returns {HTMLElement} html element object
     */
    protected drawEmptyContent(forArrayContainer?: boolean): HTMLElement;
    /**
     * this method checks if the current container is the
     * first container and its not a nested container
     *
     * @returns {HTMLElement} html element object
     */
    protected containerInFirstLevel(): boolean;
    /**
     * This function is responsible for drawing the container in an object container
     *
     * @returns {HTMLElement} html element object
     */
    drawContainer(): HTMLElement;
    /**
     * This function will draw the container with its contents
     *
     * @returns {HTMLElement} html element object
     */
    drawContentWithContainer(): HTMLElement;
    /**
     * This function is responsible for drawing the header for a container field
     *
     * @returns {HTMLElement} html element object
     */
    protected drawHeader(): HTMLElement;
    /**
     * This function is responsible for drawing the header part where we add buttons
     *
     * @returns {HTMLElement} html element object
     */
    drawContainerHeaderButtons(collapseButtonDown?: boolean): HTMLElement;
    /**
     * This function is responsible for adding the effect of showing buttons when hovering on the object
     *
     * @returns {HTMLElement} html element object
     */
    static showHeaderButtonsWhenHovering(containerHeaderButtons: HTMLElement, hoveredOnElement: HTMLElement, rightToLeft?: boolean): void;
    /**
     * This function is responsible for drawing the collapse button for the container field
     *
     * @returns {HTMLElement} html element object
     */
    protected drawCollapseButton(rotate?: boolean): HTMLElement;
    /**
     * This function is responsible for drawing the delete button for the container field
     *
     * @returns {HTMLElement} html element object
     */
    protected drawDeleteButton(): HTMLElement;
    /**
     * This function is responsible for drawing the add button for the container field
     *
     * @returns {HTMLElement} html element object
     */
    protected drawAddButton(): HTMLElement;
    /**
     * This function is responsible for drawing the fullScreen button for the container field
     *
     * @returns {HTMLElement} html element object
     */
    protected drawFullScreenButton(): HTMLElement;
}
//# sourceMappingURL=Container.d.ts.map