import { Platform } from '@angular/cdk/platform';
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
import { SkApiService } from 'sk-front-lib/api';
import { SkFile } from 'sk-front-lib/model';
import Viewer from 'viewerjs';
import * as i0 from "@angular/core";
export interface SkImageOptions {
    mode?: 'img' | 'css';
    width?: number;
    height?: number;
    resizeType?: 'ratio_crop' | 'ratio_fill';
    resizeBgColor?: string;
    filter?: 'gray' | '';
    blur?: number;
    clickable?: boolean;
    coverBackground?: string;
    previewColor?: string;
}
export declare class SkImageComponent implements OnChanges, AfterViewInit, OnDestroy {
    private cdRef;
    private platform;
    private dialog;
    private apiService;
    mode: 'skfile' | 'imgId' | 'src' | 'fallback';
    defaultOption: SkImageOptions;
    currentOption: SkImageOptions;
    apiCompleted: boolean;
    isVisible: boolean;
    src: string;
    imgId: number;
    skfile: SkFile;
    option: SkImageOptions;
    alt: string;
    imageClass: string[];
    waitSrc: string;
    activeSrc: string;
    originalSrc: string;
    ratio: number;
    backgroundColor: string;
    imageOpacity: number;
    imageElement: ElementRef;
    viewerInstance: Viewer;
    viewerOptions: {
        navbar: boolean;
        backdrop: string;
        className: string;
        toolbar: {
            zoomIn: number;
            zoomOut: number;
            oneToOne: number;
            reset: number;
        };
        movable: boolean;
        rotatable: boolean;
        toggleOnDblclick: boolean;
    };
    constructor(cdRef: ChangeDetectorRef, platform: Platform, dialog: MatDialog, apiService: SkApiService);
    get containerStyle(): {
        'padding-bottom': string;
        height: string;
        overflow: string;
        'background-color': string;
        cursor: string;
    } | {
        'padding-bottom': string;
        height: string;
        overflow: string;
        'background-color': string;
        cursor?: undefined;
    };
    get imageStyle(): {
        position: string;
        width: string;
        top: string;
        left: string;
        right: string;
        bottom: string;
        opacity: number;
    } | {
        position: string;
        width: string;
        opacity: number;
        top?: undefined;
        left?: undefined;
        right?: undefined;
        bottom?: undefined;
    };
    get coverStyle(): {
        background: string;
        opacity: number;
    } | {
        background?: undefined;
        opacity?: undefined;
    };
    ngOnChanges(changes: SimpleChanges): void;
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    loadImageByFile(): void;
    loadImageById(): void;
    loadImageBySrc(): void;
    showFallbackImage(): void;
    onIntersection(event: any): void;
    startImageLoad(): void;
    onImageLoad(): void;
    onImageError(): void;
    openDialog(): void;
    private _init;
    private getHttpParam;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkImageComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkImageComponent, "sk-image", never, { "src": "src"; "imgId": "imgId"; "skfile": "skfile"; "option": "option"; "alt": "alt"; "imageClass": "imageClass"; }, {}, never, never, false, never>;
}