@creativeacer/ngx-image-display
Version:
Ngx-Image-Display : Responsive image container
49 lines (48 loc) • 1.4 kB
TypeScript
import { OnInit, EventEmitter, Renderer2 } from '@angular/core';
import { ImageData, DisplayConfig, SameSizeConfig, ImageEffect } from '../interfaces/ngximagedisplay.interface';
export declare class NgximagedisplayComponent implements OnInit {
private renderer;
containerwidth: string;
containerheight: string;
gridcolumns: string;
gridrows: string;
hovering: number;
zoomlvl: string;
/**
* Default configuration
*/
defaultdisplayconfig: DisplayConfig;
defaultImageEffect: ImageEffect;
/**
* END Default configuration
*/
images: Array<ImageData>;
sameSize: SameSizeConfig;
displayconfig: DisplayConfig;
imageEffect: ImageEffect;
onImageSelected: EventEmitter<ImageData>;
myModal: any;
myImg: any;
img01: any;
caption: any;
close: any;
constructor(renderer: Renderer2);
ngOnInit(): void;
setContainer(): void;
setContainerLayout(): void;
setHoverEffect(): void;
viewFullScreen(img: ImageData): void;
closeImage(): void;
calculateStyle(i: any): {
initialEffect: boolean;
zoom: boolean;
lighten: boolean;
darken: boolean;
greyscale: boolean;
sepia: boolean;
};
setSameSize(): void;
mouseenter(itemIndex: any): void;
mouseleave(): void;
imageSelected(mouseEvent: MouseEvent, img: ImageData): void;
}