import { ESSceneObject } from 'vtxf-xe2/dist-node/xe2-base-objects';
import { Event, PartialWithUndefinedReactivePropsToNativeProps, ReactivePropsToNativePropsAndChanged } from 'vtxf-xe2/dist-node/xe2-base-utils';
import { SceneObjectKey } from 'vtxf-xe2/dist-node/xe2-utils';
import { LayoutDiv } from '../LayoutDiv';
import { LayoutDivStyleType, MyCustomDivLayoutType } from '../MyCustomDiv';
export declare type CircleButtonParamsType = {
    text?: string;
    title?: string;
    highlightOnClick?: boolean;
    highlighted?: boolean;
    normalImageUri?: string;
    normalImageSize?: number;
    hoveredImageUri?: string;
    hoveredImageSize?: number;
    pressedImageUri?: string;
    pressedImageSize?: number;
    highlightedImageUri?: string;
    highlightedImageSize?: number;
};
export declare type CircleButtonsFlexDirectionType = 'row' | 'row-reverse' | 'column' | 'column-reverse';
export declare class CircleButtonsTool extends ESSceneObject {
    static readonly type: string;
    get typeName(): string;
    get defaultProps(): {
        show: boolean;
        containerId: string | null;
        visibility: boolean;
        interaction: boolean;
        shadowDom: boolean;
        cssAllInitial: boolean;
        zIndex: number | undefined;
        layoutType: MyCustomDivLayoutType;
        width: number;
        height: number;
        cssText: string;
        clickFuncStr: string;
        buttons: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<(CircleButtonParamsType | null)[]>;
        backgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        backgroundRadius: number;
        borderWidth: number;
        borderColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        padding: number;
        gap: number;
        direction: CircleButtonsFlexDirectionType;
        buttonRadius: number;
        buttonBackgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        buttonBorderWidth: number;
        buttonBorderColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        buttonTextColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        buttonFontSize: number;
        separatorWidth: number;
        separatorHeight: number;
        separatorColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        execOnceFuncStr: string;
        updateFuncStr: string;
        toDestroyFuncStr: string;
        createAppendedObjFuncStr: string;
        name: string;
        ref: string | undefined;
        devTags: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<string[] | undefined>;
        extras: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<import("vtxf-xe2/dist-node/xe2-base-utils").JsonValue>;
    };
    get json(): JsonType;
    set json(value: JsonType);
    static directions: string[];
    private _clickEvent;
    get clickEvent(): Event<[index: number, mouseEvent: MouseEvent]>;
    private _clickFunc;
    get clickFunc(): ((index: number, mouseEvent: MouseEvent) => void) | undefined;
    set clickFunc(value: ((index: number, mouseEvent: MouseEvent) => void) | undefined);
    get clickFuncChanged(): import("vtxf-xe2/dist-node/xe2-base-utils").Listener<[((index: number, mouseEvent: MouseEvent) => void) | undefined, ((index: number, mouseEvent: MouseEvent) => void) | undefined]>;
    private _clickFuncInit;
    private _layoutDiv;
    get layoutDiv(): LayoutDiv;
    static defaults: {
        defaultLayoutStyle: LayoutDivStyleType;
        viewerTagsEnums: [string, string][];
    };
    get container(): HTMLElement | undefined;
    set container(value: HTMLElement | undefined);
    static defaultCircleButtons: {
        text: string;
        title: string;
        normalImageUri: string;
        normalImageSize: number;
        hoveredImageUri: string;
        hoveredImageSize: number;
        pressedImageUri: string;
        pressedImageSize: number;
        highlightedImageUri: string;
        highlightedImageSize: number;
        highlightOnClick: boolean;
        highlighted: boolean;
    }[];
    static defaultButtonsClickFuncStrMd: string;
    static defaultCircleButtonsMd: string;
    get finalCssText(): string;
    get finalCssTextChanged(): import("vtxf-xe2/dist-node/xe2-base-utils").Listener<[string, string]>;
    constructor(id?: SceneObjectKey);
    getProperties(language?: string): import("vtxf-xe2/dist-node/xe2-base-objects").Property[];
}
export declare namespace CircleButtonsTool {
    const createDefaultProps: () => {
        show: boolean;
        containerId: string | null;
        visibility: boolean;
        interaction: boolean;
        shadowDom: boolean;
        cssAllInitial: boolean;
        zIndex: number | undefined;
        layoutType: MyCustomDivLayoutType;
        width: number;
        height: number;
        cssText: string;
        clickFuncStr: string;
        buttons: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<(CircleButtonParamsType | null)[]>;
        backgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        backgroundRadius: number;
        borderWidth: number;
        borderColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        padding: number;
        gap: number;
        direction: CircleButtonsFlexDirectionType;
        buttonRadius: number;
        buttonBackgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        buttonBorderWidth: number;
        buttonBorderColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        buttonTextColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        buttonFontSize: number;
        separatorWidth: number;
        separatorHeight: number;
        separatorColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        execOnceFuncStr: string;
        updateFuncStr: string;
        toDestroyFuncStr: string;
        createAppendedObjFuncStr: string;
        name: string;
        ref: string | undefined;
        devTags: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<string[] | undefined>;
        extras: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<import("vtxf-xe2/dist-node/xe2-base-utils").JsonValue>;
    };
}
export interface CircleButtonsTool extends ReactivePropsToNativePropsAndChanged<ReturnType<typeof CircleButtonsTool.createDefaultProps>> {
}
declare type JsonType = PartialWithUndefinedReactivePropsToNativeProps<ReturnType<typeof CircleButtonsTool.createDefaultProps> & {
    type: string;
}>;
export {};