import { ESSceneObject } from 'vtxf-xe2/dist-node/xe2-base-objects';
import { PartialWithUndefinedReactivePropsToNativeProps, ReactivePropsToNativePropsAndChanged } from 'vtxf-xe2/dist-node/xe2-base-utils';
import { SceneObjectKey } from 'vtxf-xe2/dist-node/xe2-utils';
import { LayoutDiv } from '../../LayoutDiv';
import { MyCustomDivLayoutType } from '../../MyCustomDiv';
export declare type MySidebarFlexDirectionType = 'row' | 'row-reverse' | 'column' | 'column-reverse';
export declare type MySidebarFlexWrapType = 'nowrap' | 'wrap';
export declare type SidebarLayoutModeType = 'LeftBottom' | 'RightBottom';
export declare class MySidebar extends ESSceneObject {
    static readonly type: string;
    get typeName(): string;
    get defaultProps(): {
        show: boolean;
        createAttachedObjFuncStr: string;
        containerId: string | null;
        visibility: boolean;
        interaction: boolean;
        shadowDom: boolean;
        cssAllInitial: boolean;
        zIndex: number | undefined;
        layoutType: MyCustomDivLayoutType;
        width: number;
        height: number;
        backgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number] | null>;
        color: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number] | null>;
        cssText: string;
        sceneObjectIds: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<string[]>;
        layoutMode: SidebarLayoutModeType;
        direction: MySidebarFlexDirectionType;
        wrap: MySidebarFlexWrapType;
        gap: number;
        imageUri: string;
        layoutCssText: string;
        extraCss: string;
        collapsed: boolean;
        collapsedButtonShow: boolean;
        slideColor: 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 layoutModes: [name: string, value: string][];
    private _finalImageUri;
    get finalImageUri(): string | undefined;
    get finalImageUriChanged(): import("vtxf-xe2/dist-node/xe2-base-utils").Listener<[string | undefined, string | undefined]>;
    private _layoutDiv;
    get layoutDiv(): LayoutDiv;
    static defaults: {
        extraCss: string;
        viewerTagsEnums: [string, string][];
    };
    get container(): HTMLElement | undefined;
    set container(value: HTMLElement | undefined);
    static directions: string[];
    static wrap: string[];
    static defaultExtraCssMd: string;
    static defaultClickFuncStrMd: string;
    constructor(id?: SceneObjectKey);
    get finalCssText(): string;
    get finalCssTextChanged(): import("vtxf-xe2/dist-node/xe2-base-utils").Listener<[string, string]>;
    getProperties(language?: string): import("vtxf-xe2/dist-node/xe2-base-objects").Property[];
}
export declare namespace MySidebar {
    const createDefaultProps: () => {
        show: boolean;
        createAttachedObjFuncStr: string;
        containerId: string | null;
        visibility: boolean;
        interaction: boolean;
        shadowDom: boolean;
        cssAllInitial: boolean;
        zIndex: number | undefined;
        layoutType: MyCustomDivLayoutType;
        width: number;
        height: number;
        backgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number] | null>;
        color: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number] | null>;
        cssText: string;
        sceneObjectIds: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<string[]>;
        layoutMode: SidebarLayoutModeType;
        direction: MySidebarFlexDirectionType;
        wrap: MySidebarFlexWrapType;
        gap: number;
        imageUri: string;
        layoutCssText: string;
        extraCss: string;
        collapsed: boolean;
        collapsedButtonShow: boolean;
        slideColor: 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 MySidebar extends ReactivePropsToNativePropsAndChanged<ReturnType<typeof MySidebar.createDefaultProps>> {
}
declare type JsonType = PartialWithUndefinedReactivePropsToNativeProps<ReturnType<typeof MySidebar.createDefaultProps> & {
    type: string;
}>;
export {};