import { MediaPickerStore, MultilingualStore } from "internal/fx/stores";
import { OmniaUxLocalization } from "internal/fx/ux/UxModels";
import { LayoutEditorCanvasApi } from "../../../models";
import { VueComponentBase } from "../../VueComponentBase";
import { LayoutBackgroundImageLocalization } from "./loc/localize";
export declare class LayoutBackgroundImage extends VueComponentBase<{
    hideScrollBehavior?: boolean;
    isLayoutSettings?: boolean;
    canvasApi: LayoutEditorCanvasApi;
    versionedLayoutId: number;
}> {
    isLayoutSettings: boolean;
    hideScrollBehavior?: boolean;
    canvasApi: LayoutEditorCanvasApi;
    versionedLayoutId: number;
    mediaPickerStore: MediaPickerStore;
    multilingualStore: MultilingualStore;
    omniaLoc: OmniaUxLocalization;
    loc: LayoutBackgroundImageLocalization.locInterface;
    private backgroundSettings;
    private id;
    private selectedMedia;
    private selectedCropRatioOptions;
    private selectedCropRatioOption;
    private providerContext;
    private vm;
    /**Watch for fixed width changes */
    onBackgroundSettingsChanged(): void;
    created(): void;
    private setBackgroundSettings;
    private initBackgroundImageRatios;
    private initPreSelectedValueWithBackwardCompatible;
    private onSectionChange;
    private deleteBgImage;
    private ensureImageObject;
    private onIsPageImageChange;
    private onPagePropertyChange;
    private onBgImageSelected;
    private canShowImageSettings;
    private onEditCropRatio;
    private onAddCropRatio;
    private onRemoveCropRatio;
    renderImageDisplaySettings(): VueTsxSupport.JSX.Element;
    private renderImageSettings;
    renderMediaPicker(): VueTsxSupport.JSX.Element;
    render(): VueTsxSupport.JSX.Element;
}