@creativeacer/ngx-image-display/interfaces/ngximagedisplay.interface.d.ts

Ngx-Image-Display : Responsive image container

export interface BaseImage {
    value: string;
    subtext?: string;
    subtextOverlay?: 'bottom' | 'half' | 'full';
    extension?: 'jpg' | 'jpeg' | 'png' | 'svg';
}
export interface UrlImage {
    value: string;
}
export interface DisplayConfig {
    columns?: number;
    imageminwidth?: string;
    containerwidth?: string;
    containerheight?: string;
    fullScreenView?: boolean;
    onclick?: () => ImageData;
}
export interface ImageData {
    type: 'base64' | 'url';
    imageData: BaseImage;
}
export interface ClickedImageData extends ImageData {
    mouseEvent: MouseEvent;
}
export interface ImageEffect {
    hoverEffectActive?: boolean;
    hoverEffect?: 'zoom' | 'lighten' | 'darken' | 'greyscale' | 'sepia';
}
export interface SameSizeConfig {
    active: boolean;
    imgContainerHeight: string;
}