watercolor-ui/dist/src/components/ImageGallery/ImageGallery.vue.d.ts

A modern minimalist cross-framework component library

declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    images: {
        type: ArrayConstructor;
        default: () => never[];
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    layout: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    size: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    columns: {
        type: NumberConstructor;
        default: number;
    };
    gap: {
        type: NumberConstructor;
        default: number;
    };
    showInfo: {
        type: BooleanConstructor;
        default: boolean;
    };
    showCount: {
        type: BooleanConstructor;
        default: boolean;
    };
    showDownload: {
        type: BooleanConstructor;
        default: boolean;
    };
    showPagination: {
        type: BooleanConstructor;
        default: boolean;
    };
    itemsPerPage: {
        type: NumberConstructor;
        default: number;
    };
    lazyLoad: {
        type: BooleanConstructor;
        default: boolean;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {
    selectedIndex: import('vue').Ref<number, number>;
    lightboxVisible: import('vue').Ref<boolean, boolean>;
    lightboxIndex: import('vue').Ref<number, number>;
    currentPage: import('vue').Ref<number, number>;
    loadedImages: import('vue').Ref<{}, {}>;
    gridStyle: import('vue').ComputedRef<{
        gridTemplateColumns: string;
        gap: string;
    }>;
    totalPages: import('vue').ComputedRef<number>;
    paginatedImages: import('vue').ComputedRef<unknown[]>;
    currentLightboxImage: import('vue').ComputedRef<unknown>;
    selectImage: (index: any) => void;
    openLightbox: (index: any) => void;
    closeLightbox: () => void;
    previousImage: () => void;
    nextImage: () => void;
    downloadImage: (image: any) => void;
    goToPage: (page: any) => void;
    onImageLoad: (index: any) => void;
    onImageError: (index: any) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "download" | "lightbox-open" | "lightbox-close")[], "select" | "download" | "lightbox-open" | "lightbox-close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    images: {
        type: ArrayConstructor;
        default: () => never[];
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    layout: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    size: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    columns: {
        type: NumberConstructor;
        default: number;
    };
    gap: {
        type: NumberConstructor;
        default: number;
    };
    showInfo: {
        type: BooleanConstructor;
        default: boolean;
    };
    showCount: {
        type: BooleanConstructor;
        default: boolean;
    };
    showDownload: {
        type: BooleanConstructor;
        default: boolean;
    };
    showPagination: {
        type: BooleanConstructor;
        default: boolean;
    };
    itemsPerPage: {
        type: NumberConstructor;
        default: number;
    };
    lazyLoad: {
        type: BooleanConstructor;
        default: boolean;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onSelect?: ((...args: any[]) => any) | undefined;
    onDownload?: ((...args: any[]) => any) | undefined;
    "onLightbox-open"?: ((...args: any[]) => any) | undefined;
    "onLightbox-close"?: ((...args: any[]) => any) | undefined;
}>, {
    title: string;
    size: string;
    gap: number;
    loading: boolean;
    images: unknown[];
    layout: string;
    columns: number;
    showInfo: boolean;
    showCount: boolean;
    showDownload: boolean;
    showPagination: boolean;
    itemsPerPage: number;
    lazyLoad: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=ImageGallery.vue.d.ts.map