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 { HttpUrlProxyType } from '../../../../shared';
import { LayoutDiv } from '../../LayoutDiv';
import { LayoutDivStyleType, MyCustomDivLayoutType } from '../../MyCustomDiv';
import { MyHeader } from '../MyHeader';
export declare type MyPanelFlexDirectionType = 'row' | 'row-reverse' | 'column' | 'column-reverse';
export declare type MyPanelFlexWrapType = 'nowrap' | 'wrap';
export declare class MyPanel 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;
        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;
        proxy: HttpUrlProxyType;
        sceneObjectIds: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<string[]>;
        direction: MyPanelFlexDirectionType;
        wrap: MyPanelFlexWrapType;
        titleHeight: number;
        imageUri: string;
        backgroundColorHueRotate: number;
        text: string;
        textColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        fontSize: number;
        fontWeight: number;
        letterSpacing: number;
        textShadow: string;
        textLayoutType: MyCustomDivLayoutType;
        textCssText: string;
        contentColor: 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);
    private _layoutDiv;
    get layoutDiv(): LayoutDiv;
    get finalCssText(): string;
    get finalCssTextChanged(): import("vtxf-xe2/dist-node/xe2-base-utils").Listener<[string, string]>;
    static defaultSize: {
        width: string;
        height: string;
    };
    static defaults: {
        defaultLayoutStyle: LayoutDivStyleType;
        defaultTitleLayoutStyle: LayoutDivStyleType;
        defaultTextLayoutStyle: LayoutDivStyleType;
        viewerTagsEnums: [string, string][];
    };
    get container(): HTMLElement | undefined;
    set container(value: HTMLElement | undefined);
    static directions: string[];
    static wrap: string[];
    private _title;
    get title(): MyHeader;
    get titleFinalCssText(): string;
    get titleFinalCssTextChanged(): import("vtxf-xe2/dist-node/xe2-base-utils").Listener<[string, string]>;
    setLayoutStyle(value: LayoutDivStyleType): void;
    setTextLayoutStyle(value: LayoutDivStyleType): void;
    constructor(id?: SceneObjectKey);
    getProperties(language?: string): import("vtxf-xe2/dist-node/xe2-base-objects").Property[];
}
export declare namespace MyPanel {
    const createDefaultProps: () => {
        show: boolean;
        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;
        proxy: HttpUrlProxyType;
        sceneObjectIds: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<string[]>;
        direction: MyPanelFlexDirectionType;
        wrap: MyPanelFlexWrapType;
        titleHeight: number;
        imageUri: string;
        backgroundColorHueRotate: number;
        text: string;
        textColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        fontSize: number;
        fontWeight: number;
        letterSpacing: number;
        textShadow: string;
        textLayoutType: MyCustomDivLayoutType;
        textCssText: string;
        contentColor: 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 MyPanel extends ReactivePropsToNativePropsAndChanged<ReturnType<typeof MyPanel.createDefaultProps>> {
}
declare type JsonType = PartialWithUndefinedReactivePropsToNativeProps<ReturnType<typeof MyPanel.createDefaultProps> & {
    type: string;
}>;
export {};