@clarivate/angular-image-viewer
Version:
A configurable Angular image viewer component, compatible with Angular 7.x+
55 lines (54 loc) • 1.73 kB
TypeScript
import { OnInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
import { ImageViewerConfig } from './models/image-viewer-config.model';
import { CustomImageEvent } from './models/custom-image-event-model';
import { CdkDrag } from '@angular/cdk/drag-drop';
export declare class AngularImageViewerComponent implements OnInit, OnChanges {
moduleConfig: ImageViewerConfig;
cdkDrag: CdkDrag;
src: string[];
config: ImageViewerConfig;
screenHeightOccupied: 0;
index: number;
imageName: string;
footerTexts: string[];
indexChange: EventEmitter<number>;
configChange: EventEmitter<ImageViewerConfig>;
customImageEvent: EventEmitter<CustomImageEvent>;
styleHeight: string;
style: {
transform: string;
msTransform: string;
oTransform: string;
webkitTransform: string;
};
fullscreen: boolean;
loading: boolean;
isDragOn: boolean;
private scale;
private rotation;
private hovered;
constructor(moduleConfig: ImageViewerConfig);
ngOnChanges(changes: SimpleChanges): void;
ngOnInit(): void;
nextImage(event: any): void;
prevImage(event: any): void;
zoomIn(): void;
zoomOut(): void;
scrollZoom(evt: any): boolean;
rotateClockwise(): void;
rotateCounterClockwise(): void;
onLoad(): void;
onLoadStart(): void;
imageNotFound(): void;
onDragStart(evt: any): void;
toggleFullscreen(): void;
triggerIndexBinding(): void;
triggerConfigBinding(): void;
fireCustomEvent(name: any, imageIndex: any): void;
reset(): void;
onMouseOver(): void;
onMouseLeave(): void;
private canNavigate;
private updateStyle;
private mergeConfig;
}