import { IWebComponentInstance } from "internal/fx/runtime/core/InternalWebComponentBootstrapper";
import { VueComponentBase } from "../VueComponentBase";
import { MediaPickerService } from "@omnia/fx/services";
import { MediaPickerImage, MediaPickerImageTransformationResult, MediaPickerVideo } from "../../models";
export interface IGalleryPanels {
    selectedMedia: (Array<MediaPickerImageTransformationResult | MediaPickerImage | MediaPickerVideo>);
    selectEvent: (index: number) => void;
    orderChange: (oldIndex: number, newIndex: number) => void;
    removeItemEvent: (index: number) => void;
    activeIndex: number;
    addNewEvent: () => void;
}
export declare class GalleryPanels extends VueComponentBase<IGalleryPanels> implements IWebComponentInstance, IGalleryPanels {
    selectedMedia: (Array<MediaPickerImageTransformationResult | MediaPickerImage | MediaPickerVideo>);
    orderChange: (oldIndex: number, newIndex: number) => void;
    selectEvent: (index: number) => void;
    removeItemEvent: (index: number) => void;
    activeIndex: number;
    addNewEvent: () => void;
    mediaPickerService: MediaPickerService;
    private uxLoc;
    private activeElement;
    private omniaUrl;
    created(): void;
    updated(): void;
    setActiveIndexIntoView(): void;
    getMediaPickerImageTransformationResultImg(media: MediaPickerImageTransformationResult, index: number): VueTsxSupport.JSX.Element;
    getVideoThumbnail(media: MediaPickerVideo, index: number): VueTsxSupport.JSX.Element;
    getImgSource(media: MediaPickerImageTransformationResult | MediaPickerImage | MediaPickerVideo, index: number): VueTsxSupport.JSX.Element;
    getMediaPickerImage(img: MediaPickerImage, index: number): VueTsxSupport.JSX.Element;
    private resolveImageUrl;
    renderMultiSelectPanel(media: Array<MediaPickerImageTransformationResult | MediaPickerImage | MediaPickerVideo>): VueTsxSupport.JSX.Element;
    private onMediaSelect;
    private onOrdinalChange;
    render(): VueTsxSupport.JSX.Element;
}